:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#162e3b;background:#f5f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:246px;flex:0 0 246px;background:#064d3d;color:#eafff8;min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{padding:29px 22px 34px}.brand-line{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#287d70;color:#fff;font-size:22px;font-weight:800;letter-spacing:-.05em}.brand-name{font-size:31px;font-weight:750;letter-spacing:-.055em;color:#fff;line-height:1}.brand-subtitle{font-size:12px;color:#a9efe0;margin-top:8px}.side-nav{padding:0 10px;display:flex;flex-direction:column;gap:3px}.nav-label{font-size:10px;font-weight:800;letter-spacing:.13em;color:#7fdcc9;padding:12px 12px 11px}.nav-label-spaced{margin-top:20px}.nav-link{width:100%;display:flex;align-items:center;gap:11px;background:none;color:#dbfff6;border:0;border-radius:10px;text-align:left;padding:11px 12px;font-size:13px;font-weight:600;transition:background .18s}.nav-link:hover,.nav-link:focus-visible{background:#126d59}.nav-link.active{background:#237c68;color:#fff;box-shadow:inset 3px 0 #abf5dd}.nav-icon{width:19px;text-align:center;font-size:18px;line-height:1;color:#82e8d2;font-weight:400}.side-bottom{margin:auto 15px 18px;padding:14px 11px 2px;border-top:1px solid #2a725f}.side-hint{font-size:12px;font-weight:650;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;border-radius:50%;background:#72e0bf;box-shadow:0 0 0 4px #72e0bf23}.side-bottom small{display:block;margin-top:7px;color:#99d7c8;font-size:10px;line-height:1.4}.workspace{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e2e9ed;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px}.breadcrumbs{font-size:13px;font-weight:550;color:#72838f;white-space:nowrap}.breadcrumbs span{margin:0 9px;color:#c3ccd1}.breadcrumbs strong{color:#203844}.top-actions{display:flex;align-items:center;gap:18px}.demo-pill{font-size:10px;font-weight:800;letter-spacing:.07em;background:#ecf8f2;color:#097458;border:1px solid #bee8d6;padding:7px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:7px}.demo-pill span{width:6px;height:6px;border-radius:50%;background:#15a06e}.account{display:flex;align-items:center;gap:9px;border-left:1px solid #e6ecef;padding-left:18px}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;background:#deebe7;color:#16634f;font-size:10px;font-weight:800}.avatar-dark{background:#0e4c3e;color:#fff}.account-text{display:flex;flex-direction:column;line-height:1.3}.account-text strong{font-size:11px}.account-text small{font-size:10px;color:#8a9aa3}.mobile-menu{display:none}.icon-button{border:0;background:transparent;font-size:21px;color:#25475a}.page{max-width:1620px;margin:0 auto;padding:30px 31px 70px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#458c78;font-weight:800;font-size:10px;margin:0 0 8px}.page-head h1{font-size:28px;line-height:1.2;letter-spacing:-.04em;color:#142f3a;margin:0;font-weight:760}.page-head p{color:#758792;font-size:13px;line-height:1.5;margin:7px 0 0}.head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{border:1px solid #d9e5e9;background:#fff;color:#244454;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;white-space:nowrap}.button:hover{background:#f3f8f7}.button.primary{background:#064d3d;color:#fff;border-color:#064d3d;box-shadow:0 2px 6px #0c5b411c}.button.primary:hover{background:#0e6a53}.button.subtle{background:#f5f9fb}.button.warn{color:#b46b1d;background:#fff8ed;border-color:#f6dfb8}.button.small{padding:6px 10px;min-height:29px;font-size:11px}.button.square{padding:8px;min-width:36px}.section-card{background:#fff;border:1px solid #e0e8ed;border-radius:12px;box-shadow:0 3px 15px #183e4906;overflow:hidden}.card-pad{padding:19px 20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #e8eef1}.card-head h2,.card-head h3{font-size:14px;margin:0;letter-spacing:-.012em;color:#203642}.card-head .meta{font-size:11px;color:#8799a3}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metric{background:#fff;border:1px solid #e1e9ed;border-radius:12px;padding:18px 19px;min-height:115px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#7fc7b4}.metric:nth-child(2):before{background:#4e83bf}.metric:nth-child(3):before{background:#e3ad55}.metric:nth-child(4):before{background:#8c9ec9}.metric-label{font-size:11px;color:#7b8c96;font-weight:700}.metric-value{font-size:28px;color:#17343f;font-weight:780;line-height:1.15;margin-top:13px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.metric-foot{font-size:11px;color:#8fa1a9;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:16px;margin-bottom:17px}.weekly-bars{height:176px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:14px;padding:17px 11px 0}.bar-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;justify-content:flex-end;height:100%}.bar-track{height:138px;width:min(100%,34px);background:#eaf1f1;border-radius:5px 5px 0 0;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:5px 5px 0 0;background:#49a88d;min-height:2px}.bar-item.is-today .bar-fill{background:#095340}.bar-item label{font-size:10px;color:#82939e;font-weight:700}.legend{display:flex;justify-content:space-between;align-items:center;color:#8b9ba4;font-size:11px;padding:2px 22px 18px}.legend b{font-weight:700;color:#416a5f}.attention-list{padding:4px 19px 13px}.attention-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f3}.attention-row:last-child{border-bottom:0}.attention-row strong{font-size:12px;color:#223a44}.attention-row p{font-size:11px;color:#85959d;margin:4px 0 0}.attention-count{font-size:13px;font-weight:800;color:#ad6c26;background:#fff4e2;border-radius:8px;padding:8px 10px}.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}.data-table th{background:#eff4f6;color:#718590;text-transform:uppercase;font-size:10px;letter-spacing:.055em;font-weight:800;padding:11px 14px;white-space:nowrap}.data-table td{padding:12px 14px;border-top:1px solid #e9eff1;font-size:11px;color:#324853;vertical-align:middle}.data-table tbody tr:hover{background:#f8fbfa}.data-table td.number,.data-table th.number{text-align:right;font-variant-numeric:tabular-nums}.data-table td strong{color:#1e3a45;font-weight:700}.code{font-weight:800;color:#0c6d58!important;letter-spacing:.012em}.muted{color:#8999a2!important}.cell-sub{display:block;margin-top:3px;color:#82939d;font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.progress{background:#eaf5fb;color:#247caa}.status.pending{background:#fff5e8;color:#aa7133}.status.closed{background:#eaf4ee;color:#24704e}.status.disabled{background:#f4f1f1;color:#9c7070}.status.annulled{background:#fceeee;color:#a94848}.tag{display:inline-block;border:1px solid #dce7e5;background:#f2f8f6;border-radius:5px;padding:4px 6px;font-size:10px;font-weight:750;color:#3a7061;white-space:nowrap}.split-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.field-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.span2{grid-column:span 2}.field.span3{grid-column:span 3}.field.span6{grid-column:span 6}.field label{font-size:10px;color:#647985;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.input,.select,.textarea{width:100%;border:1px solid #dce7eb;background:#f8fafb;color:#24414d;border-radius:8px;padding:10px 11px;outline:0;font-size:12px;min-height:39px}.input:focus,.select:focus,.textarea:focus{border-color:#4cad8d;box-shadow:0 0 0 3px #4cad8d1c;background:#fff}.textarea{min-height:70px;resize:vertical}.field-note{color:#8fa0a7;font-size:10px;line-height:1.3}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.inline-note{font-size:11px;color:#81949c;line-height:1.4}.hint-box{border:1px solid #c9e6db;background:#f2fbf7;color:#497566;padding:11px 13px;border-radius:8px;font-size:11px;line-height:1.5}.hint-box.warning{background:#fff9ef;border-color:#f2dfbc;color:#9a7134}.form-error{display:none;margin-top:11px;padding:10px 12px;background:#fff1ef;color:#ad4b42;border:1px solid #ffd6d1;border-radius:8px;font-size:11px}.form-error.show{display:block}.side-stat{padding:16px 19px;border-bottom:1px solid #e9eff0}.side-stat:last-child{border-bottom:0}.side-stat span{font-size:11px;color:#83959e}.side-stat strong{font-size:17px;display:block;margin-top:5px;color:#193c43}.filters{display:flex;align-items:center;gap:9px;margin:0 0 16px;flex-wrap:wrap}.filters .input,.filters .select{background:#fff;width:auto;min-width:180px}.filters .input{min-width:300px}.ticket-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.85fr);gap:16px}.ticket-list{padding:4px}.ticket-item{width:100%;border:0;background:#fff;text-align:left;border-radius:8px;padding:14px 15px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f2}.ticket-item:hover{background:#f7fbf9}.ticket-item.selected{background:#eff9f4;box-shadow:inset 3px 0 #399b76}.ticket-item .ticket-name{display:block;font-size:12px;font-weight:750;color:#25424a;margin:5px 0 0}.ticket-item .ticket-line{font-size:10px;color:#8999a2;margin-top:5px}.ticket-item .status{align-self:start}.detail-pad{padding:21px}.detail-heading{display:flex;justify-content:space-between;align-items:start;gap:11px}.detail-heading h2{font-size:19px;letter-spacing:-.025em;margin:8px 0 4px;color:#203a43}.detail-heading p{font-size:11px;color:#8496a0;line-height:1.5;margin:0}.detail-section{border-top:1px solid #e8eff0;margin-top:19px;padding-top:15px}.detail-section h3{font-size:11px;color:#78909a;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.detail-pair{display:flex;justify-content:space-between;gap:12px;margin:10px 0;font-size:11px}.detail-pair span{color:#8a9aa2}.detail-pair strong{color:#294752;text-align:right}.avatar-stack{display:flex;align-items:center}.avatar-stack .avatar{border:2px solid #fff;margin-right:-7px}.person-row{display:flex;align-items:center;gap:10px}.person-row strong{font-size:11px}.person-row small{display:block;color:#8da0a8;font-size:10px;margin-top:3px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.catalog-card{padding:20px}.catalog-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;color:#28434b;font-weight:750}.catalog-title .tag{font-size:9px}.catalog-card p{font-size:11px;color:#82969f;line-height:1.5;margin:9px 0 13px}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 7px;border-radius:5px;background:#eef6f3;color:#447968;font-size:10px;font-weight:650}.empty{padding:55px 20px;text-align:center;color:#8a9ba4}.empty-icon{font-size:33px;color:#96b7ac}.empty strong{display:block;color:#37565f;font-size:14px;margin-top:10px}.empty p{font-size:11px;margin:8px 0 0}.modal-backdrop{position:fixed;inset:0;background:#092c35a8;z-index:80;display:grid;place-items:center;padding:18px}.modal{width:min(100%,560px);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 25px 70px #001c2366}.modal-head{padding:19px 23px;border-bottom:1px solid #e6eef0;display:flex;justify-content:space-between;align-items:start;gap:15px}.modal-head h2{font-size:19px;margin:0}.modal-head p{font-size:11px;color:#8b9ca4;margin:5px 0 0}.modal-body{padding:21px 23px}.modal-foot{padding:15px 23px;border-top:1px solid #e6eef0;display:flex;justify-content:flex-end;gap:9px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-list label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e1eaed;border-radius:7px;font-size:11px;color:#3d5862}.check-list input{accent-color:#147958}.toast{position:fixed;right:20px;bottom:20px;z-index:100;background:#103e36;color:#fff;padding:12px 17px;border-radius:9px;font-size:12px;box-shadow:0 12px 30px #0c30233d}.placeholder-band{background:#f2f8f7;border:1px solid #d5e8e1;border-radius:10px;padding:15px 17px;color:#557b70;font-size:12px;line-height:1.5;margin-bottom:18px}.mobile-scrim{display:none}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.ticket-layout,.split-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.sidebar{position:fixed;left:-260px;transition:left .2s}.sidebar.open{left:0}.mobile-scrim.visible{display:block;position:fixed;inset:0;background:#062c3188;z-index:15}.mobile-menu{display:inline-block}.topbar{padding:0 17px;height:61px}.account-text,.demo-pill{display:none}.account{border:0;padding:0}.page{padding:22px 16px 60px}.page-head{align-items:start}.page-head h1{font-size:24px}.head-actions{justify-content:flex-end}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field.span3{grid-column:span 2}.field.span6{grid-column:span 2}.filters .input{min-width:100%;flex:1}.catalog-grid{grid-template-columns:1fr}}@media(max-width:500px){.metric-grid{gap:9px}.metric{padding:14px;min-height:102px}.metric-value{font-size:24px}.page-head{display:block}.head-actions{margin-top:17px}.field-grid{grid-template-columns:1fr}.field.span2,.field.span3,.field.span6{grid-column:span 1}.check-list{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.form-actions .button{width:100%}}
.real-preview [data-page="demand"][hidden] { display: none; }