:root{--dev-bg:#e5ebf2;--dev-panel:#fff;--dev-text:#152033;--dev-muted:#738198;--dev-line:#d7e0ea;--dev-blue:#248fd1;--dev-violet:#6957d9;--dev-navy:#0d1b2a;--dev-green:#20a87a;--dev-orange:#ef8b2c;--dev-red:#d94d5f;--dev-shadow:0 12px 30px rgba(24,43,68,.09)}
*{box-sizing:border-box}
html{min-height:100%;background:var(--dev-bg)}
body.development-page{margin:0;min-width:320px;min-height:100vh;background:var(--dev-bg);color:var(--dev-text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}
button,input,select,textarea{font:inherit}
button,a{tap-highlight-color:transparent}
.dev-app{min-height:100vh}
.dev-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:260px;padding:26px 20px 22px;background:var(--dev-navy);color:#fff;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(13,27,42,.12)}
.dev-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;padding:2px 7px 28px}
.dev-brand img{width:40px;height:40px;object-fit:contain;border-radius:11px;background:rgba(255,255,255,.08);padding:5px}
.dev-brand strong,.dev-brand small{display:block}.dev-brand strong{font-size:16px;letter-spacing:.08em}.dev-brand small{margin-top:3px;color:#9baabd;font-size:11px;letter-spacing:.08em}
.dev-nav{display:grid;gap:7px}.dev-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:9px;background:transparent;color:#aeb9c7;text-align:left;cursor:pointer;transition:.2s}.dev-nav button span{width:22px;color:#7f90a4;font-size:17px;text-align:center}.dev-nav button:hover,.dev-nav button.is-active{background:rgba(255,255,255,.09);color:#fff}.dev-nav button.is-active{box-shadow:inset 3px 0 0 var(--dev-blue)}.dev-nav button.is-active span{color:#65b8eb}
.dev-update-card{margin-top:28px;padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.055)}.dev-update-card>span{display:block;color:#91a0b3;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.dev-update-card strong{display:block;margin:8px 0 12px;font-size:18px}.dev-mini-progress{height:5px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.1)}.dev-mini-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dev-blue),#7259ed);transition:width .3s}.dev-update-card small{display:block;margin-top:7px;color:#9caabc;text-align:right}
.dev-sidebar-bottom{margin-top:auto;display:grid;gap:4px}.dev-sidebar-bottom>a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;color:#9eacbc;text-decoration:none}.dev-sidebar-bottom>a:hover{color:#fff;background:rgba(255,255,255,.06)}.dev-languages{display:flex;gap:5px;padding:13px 10px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}.dev-languages a{padding:5px 7px;border-radius:6px;color:#8998aa;text-decoration:none;font-size:11px;font-weight:700}.dev-languages a.is-active,.dev-languages a:hover{background:#fff;color:var(--dev-navy)}
.dev-main{min-height:100vh;margin-left:260px;padding:0 34px 60px}.dev-topbar{min-height:112px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(120,140,160,.2)}.dev-topbar>div:nth-child(2){min-width:250px}.dev-topbar span,.dev-page-heading span,.dev-section-heading span,.dev-modal header span{display:block;color:var(--dev-blue);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dev-topbar h1{margin:3px 0 4px;font-size:24px;line-height:1}.dev-topbar p,.dev-page-heading p{margin:0;color:var(--dev-muted);font-size:12px}.dev-top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.dev-top-actions select{max-width:170px}
.dev-menu-button{display:none;width:42px;height:42px;border:1px solid var(--dev-line);border-radius:10px;background:#fff;cursor:pointer}.dev-btn,.dev-link-button{border:1px solid #cfd9e4;border-radius:8px;background:#fff;color:#253246;font-weight:700;cursor:pointer}.dev-btn{min-height:40px;padding:0 15px}.dev-btn:hover,.dev-link-button:hover{border-color:#aebdcb}.dev-btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--dev-blue),var(--dev-violet));color:#fff;box-shadow:0 6px 15px rgba(61,106,206,.2)}.dev-link-button{padding:8px 10px;color:var(--dev-blue);background:transparent;border-color:transparent}.dev-schema-warning{display:flex;align-items:center;gap:12px;margin-top:24px;padding:16px 18px;border:1px solid #f0c879;border-radius:10px;background:#fff6dd;color:#744f07}.dev-schema-warning span{color:#8f6d2a}.is-hidden{display:none!important}
.dev-view{display:none;padding-top:28px}.dev-view.is-active{display:block}.dev-update-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:32px;padding:32px;border-radius:16px;background:radial-gradient(circle at 90% 15%,rgba(67,132,196,.22),transparent 33%),linear-gradient(135deg,#102438,#0d1929 72%);color:#fff;box-shadow:var(--dev-shadow)}.dev-kicker{display:block;margin-bottom:10px;color:#65b8eb;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dev-update-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.dev-update-heading h2{margin:0;font-size:27px}.dev-update-heading b{padding:5px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px}.dev-update-copy p{max-width:760px;margin:11px 0 17px;color:#aebbc9;line-height:1.6}.dev-module-chips{display:flex;flex-wrap:wrap;gap:7px}.dev-module-chip{padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);color:#cad5df;font-size:10px}.dev-progress-panel{align-self:center;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055)}.dev-progress-panel>div:first-child{display:flex;justify-content:space-between;align-items:flex-end}.dev-progress-panel span{color:#a7b5c4;font-size:11px}.dev-progress-panel strong{font-size:25px}.dev-progress-track{height:8px;margin:15px 0 9px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.09)}.dev-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b9ddd,#7659e5);transition:width .35s}.dev-progress-panel small{color:#8999aa}
.dev-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.dev-stat{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--dev-line);border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(24,43,68,.045)}.dev-stat i{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#eef6fb;color:var(--dev-blue);font-style:normal;font-size:17px}.dev-stat strong,.dev-stat span{display:block}.dev-stat strong{font-size:19px}.dev-stat span{margin-top:2px;color:var(--dev-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.dev-section-heading,.dev-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.dev-section-heading{margin:29px 0 12px}.dev-section-heading h2,.dev-page-heading h2{margin:4px 0 0;font-size:18px}.dev-page-heading{margin-bottom:19px}.dev-page-heading h2{font-size:23px;margin-bottom:5px}.dev-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dev-request-list{display:grid;gap:11px}.dev-request-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;padding:16px;border:1px solid var(--dev-line);border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(24,43,68,.04);cursor:pointer;transition:.18s}.dev-request-card:hover{transform:translateY(-2px);border-color:#bdcbd9;box-shadow:var(--dev-shadow)}.dev-vote{width:53px;min-height:66px;border:1px solid #d9e3ec;border-radius:9px;background:#f6f9fc;color:#536276;text-align:center;cursor:pointer}.dev-vote span,.dev-vote strong{display:block}.dev-vote span{font-size:18px;line-height:22px}.dev-vote strong{font-size:13px}.dev-vote.is-active{border-color:#9f94e3;background:#f0edff;color:var(--dev-violet)}.dev-request-main{min-width:0}.dev-card-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.dev-request-card h3{margin:9px 0 6px;font-size:14px}.dev-request-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--dev-muted);font-size:12px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dev-card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:#8693a6;font-size:10px}.dev-module-badge,.dev-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.dev-module-badge{border:1px solid color-mix(in srgb,var(--module-color,#248fd1) 30%,#fff);background:color-mix(in srgb,var(--module-color,#248fd1) 10%,#fff);color:var(--module-color,#248fd1)}.dev-badge{background:#eef2f6;color:#69778a}.dev-badge.public{background:#e9f7f1;color:#198260}.dev-badge.shared{background:#f0edff;color:#6250c9}.dev-badge.done{background:#e8f7f0;color:#16815d}.dev-badge.pending{background:#fff4df;color:#9a620c}.dev-badge.rejected{background:#fdebec;color:#b9394c}.dev-badge.carried{background:#eaf3fc;color:#2774aa}.dev-badge.urgent,.dev-badge.high{background:#fdebed;color:#b43d50}
.dev-filters{display:grid;grid-template-columns:minmax(250px,1fr) repeat(3,minmax(135px,180px));gap:9px;margin-bottom:14px}.dev-filters input,.dev-filters select,.dev-top-actions select,.dev-field input,.dev-field select,.dev-field textarea{width:100%;border:1px solid #ccd7e2;border-radius:8px;background:#fff;color:var(--dev-text);outline:0}.dev-filters input,.dev-filters select,.dev-top-actions select{height:40px;padding:0 11px}.dev-filters input:focus,.dev-filters select:focus,.dev-field input:focus,.dev-field select:focus,.dev-field textarea:focus{border-color:#7eb9dd;box-shadow:0 0 0 3px rgba(36,143,209,.1)}
.dev-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dev-job-card{padding:16px;border:1px solid var(--dev-line);border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(24,43,68,.04)}.dev-job-card.is-editable{cursor:pointer}.dev-job-card h3{margin:11px 0 6px;font-size:14px}.dev-job-card p{min-height:36px;margin:0;color:var(--dev-muted);font-size:11px;line-height:1.55}.dev-job-owner{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:#728097;font-size:10px}.dev-job-progress{height:5px;margin-top:9px;overflow:hidden;border-radius:8px;background:#edf1f5}.dev-job-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dev-blue),var(--dev-violet))}.dev-board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}.dev-column{min-height:430px;padding:12px;border:1px solid #d6dfe9;border-radius:12px;background:#eef3f8}.dev-column-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.dev-column-head strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.dev-column-head span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#dae4ed;color:#647487;font-size:10px}.dev-column-cards{display:grid;gap:9px}.dev-column .dev-job-card{padding:13px}
.dev-timeline{position:relative;display:grid;gap:16px;margin-left:9px;padding-left:27px}.dev-timeline:before{content:"";position:absolute;left:4px;top:10px;bottom:10px;width:2px;background:#cbd7e2}.dev-release{position:relative;padding:20px;border:1px solid var(--dev-line);border-radius:12px;background:#fff}.dev-release:before{content:"";position:absolute;left:-30px;top:24px;width:11px;height:11px;border:3px solid var(--dev-bg);border-radius:50%;background:var(--dev-blue);box-shadow:0 0 0 2px #a9cde3}.dev-release header{display:flex;align-items:center;gap:10px}.dev-release h3{margin:0}.dev-release time{margin-left:auto;color:var(--dev-muted);font-size:10px}.dev-change-list{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.dev-change-list li{display:flex;gap:9px;color:#556378;font-size:12px}.dev-change-list li:before{content:"✓";color:var(--dev-green);font-weight:800}
.dev-modal{width:min(720px,calc(100% - 28px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:14px;background:#fff;color:var(--dev-text);box-shadow:0 28px 80px rgba(8,23,40,.25)}.dev-modal::backdrop{background:rgba(12,28,44,.58);backdrop-filter:blur(2px)}.dev-modal>form,.dev-dialog-shell{display:flex;max-height:calc(100vh - 32px);flex-direction:column}.dev-modal header,.dev-modal footer{display:flex;align-items:center;padding:17px 20px;background:#fff}.dev-modal header{justify-content:space-between;border-bottom:1px solid var(--dev-line)}.dev-modal header h3{margin:4px 0 0;font-size:18px}.dev-modal header>button{width:35px;height:35px;border:1px solid var(--dev-line);border-radius:8px;background:#f8fafc;cursor:pointer;font-size:21px}.dev-modal footer{justify-content:flex-end;gap:8px;border-top:1px solid var(--dev-line)}.dev-modal-body{overflow:auto;padding:20px;background:#f7f9fc}.dev-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dev-field{display:grid;gap:6px}.dev-field-wide{grid-column:1/-1}.dev-field>span{color:#526176;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.dev-field input,.dev-field select{height:42px;padding:0 11px}.dev-field textarea{resize:vertical;padding:11px;line-height:1.5}.dev-field select[multiple]{height:118px;padding:6px}.dev-field small{color:var(--dev-muted);font-size:10px}.dev-shares{display:none}.dev-shares.is-visible{display:grid}.dev-check{display:flex;align-items:center;gap:7px;color:#59687c;font-size:12px}.dev-inline-form{display:grid;gap:12px;margin-top:20px;padding:17px;border:1px solid var(--dev-line);border-radius:10px;background:#fff}.dev-inline-form h4{margin:0}.dev-inline-form .dev-btn{justify-self:end}
.dev-detail-head{display:grid;grid-template-columns:auto 1fr;gap:15px}.dev-detail-copy p{white-space:pre-wrap;color:#59677a;line-height:1.65}.dev-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.dev-admin-status{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px solid var(--dev-line)}.dev-admin-status select{height:38px;border:1px solid var(--dev-line);border-radius:8px;background:#fff;padding:0 9px}.dev-comments{display:grid;gap:10px;margin-top:20px}.dev-comments h4{margin:0 0 2px}.dev-comment{padding:12px;border:1px solid var(--dev-line);border-radius:9px;background:#fff}.dev-comment header{padding:0;border:0}.dev-comment strong{font-size:12px}.dev-comment time{color:var(--dev-muted);font-size:9px}.dev-comment p{white-space:pre-wrap;margin:8px 0 0;color:#526176;line-height:1.55}.dev-comment-form{display:grid;gap:8px}.dev-comment-form textarea{min-height:80px;padding:10px;border:1px solid var(--dev-line);border-radius:8px;resize:vertical}.dev-comment-form button{justify-self:end}.dev-thread{display:grid;gap:11px}.dev-thread-hero,.dev-thread-post{padding:17px;border:1px solid var(--dev-line);border-radius:10px;background:#fff}.dev-thread-hero h4,.dev-thread-post h4{margin:0 0 7px}.dev-thread-hero p,.dev-thread-post p{white-space:pre-wrap;margin:0;color:#59687a;line-height:1.6}.dev-thread-post small{display:block;margin-top:10px;color:var(--dev-muted)}.dev-toast{position:fixed;z-index:100;right:22px;bottom:22px;max-width:360px;padding:12px 16px;border-radius:9px;background:#102337;color:#fff;box-shadow:var(--dev-shadow);opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.dev-toast.is-visible{opacity:1;transform:none}.dev-toast.is-error{background:#9d3244}
.dev-content-callout{display:inline-block;padding:7px 10px;border-radius:7px;background:#eef5fb;color:#286990}.dev-content-callout.success{background:#e8f7f0;color:#167859}.dev-content-callout.warning{background:#fff4df;color:#8b5c13}.dev-content-callout.danger{background:#fdebec;color:#a93a4a}
.dev-empty{padding:28px;border:1px dashed #bdc9d5;border-radius:11px;background:rgba(255,255,255,.55);color:var(--dev-muted);text-align:center}
@media(max-width:1100px){.dev-request-grid,.dev-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-update-hero{grid-template-columns:1fr}.dev-filters{grid-template-columns:1fr 1fr}.dev-topbar{align-items:flex-start;padding:23px 0}.dev-top-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:820px){.dev-sidebar{transform:translateX(-100%);transition:transform .22s}.dev-sidebar.is-open{transform:none}.dev-main{margin-left:0;padding:0 20px 45px}.dev-menu-button{display:block}.dev-topbar{min-height:102px}.dev-top-actions{margin-left:auto}.dev-topbar>div:nth-child(2) p{display:none}.dev-request-grid,.dev-job-grid{grid-template-columns:1fr}.dev-board{grid-template-columns:repeat(4,270px)}}
@media(max-width:620px){.dev-main{padding-inline:14px}.dev-topbar{flex-wrap:wrap}.dev-topbar>div:nth-child(2){min-width:0;flex:1}.dev-top-actions{width:100%;justify-content:stretch}.dev-top-actions select{max-width:none;flex:1}.dev-top-actions .dev-btn{flex:1;padding:0 9px}.dev-update-hero{padding:22px}.dev-stats{grid-template-columns:1fr 1fr;gap:9px}.dev-stat{padding:12px}.dev-stat i{display:none}.dev-request-card{grid-template-columns:44px minmax(0,1fr);gap:11px}.dev-vote{width:44px}.dev-filters{grid-template-columns:1fr}.dev-form-grid{grid-template-columns:1fr}.dev-field{grid-column:1}.dev-page-heading{align-items:flex-start}.dev-page-heading .dev-btn{white-space:nowrap}.dev-update-heading h2{font-size:22px}}