#app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;background:#131a1b;border-right:1px solid var(--line);padding:28px 16px;min-width:0}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:700;font-size:20px;padding:0 10px}.brand-symbol{display:grid;place-items:center;width:38px;height:42px;border:2px solid var(--accent);color:var(--accent);font-size:25px;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%)}.brand small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.workspace-label{font-size:9px;letter-spacing:1.3px;color:#708889;margin:44px 12px 14px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;color:#9daead;padding:13px 12px;margin-bottom:5px;font-size:12px}.nav-item.active{background:#1d3833;color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.nav-count{margin-left:auto;font-size:10px;background:#2c3637;padding:2px 6px;border-radius:3px}.tree-item,.tree-unit{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;font-size:12px;text-align:left;color:#a6b6b5;padding:10px 12px}.tree-item>span:last-child:not(.tree-dot){margin-left:auto}.tree-unit{padding-left:31px;font-size:11px;border-left:1px solid #2d3e3e;margin-left:17px;width:calc(100% - 17px)}.selected{color:var(--accent);background:#1b2927}.tree-dot{width:6px;height:6px;border:1px solid #76bcb0}.sidebar-foot{margin-top:auto;padding:70px 12px 0;font-size:10px;color:#a4b5b2}.sidebar-foot small{display:block;margin:8px 0 0 13px;color:#607a78;font-size:9px}.connection-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px}.shell{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 34px;background:#141b1c}.breadcrumb{font-size:11px;color:#a3b2b1}.breadcrumb span{padding:0 14px;color:#4b6160}.role-control{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.role-control select{font-size:11px;padding:7px 10px}.avatar{background:#24403b;color:#9be4d3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:10px}main{padding:32px 34px 20px;max-width:1900px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p{color:var(--muted);font-size:12px;margin-top:9px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:5px;margin-bottom:26px;background:var(--panel)}.metrics article{padding:19px 22px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics article>span{font-size:11px;color:var(--muted)}.metrics strong{font-size:29px;display:flex;align-items:baseline;gap:12px;margin-top:10px;font-weight:500}.metrics small{font-size:10px;font-weight:400;color:#778b88}.filters{display:flex;align-items:center;gap:12px;margin-bottom:18px}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#151d1e;border-radius:4px;padding:0 12px;width:420px;max-width:100%;color:#7d9390}.search input{border:0;background:none;width:100%;font-size:11px;padding:11px 0}.search input:focus{outline:none}.search:focus-within{border-color:var(--accent)}.filters select{font-size:11px}.scope{font-size:11px;color:var(--muted);margin-left:auto}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.panel-toolbar{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.month-controls{display:flex;align-items:center;gap:6px}.month-controls h2{font-size:15px;margin-right:16px;text-transform:capitalize}.month-controls button{padding:4px 10px;font-size:13px}.month-controls #today{font-size:10px;padding:7px 10px}.calendar-mode{font-size:10px;color:var(--accent);background:#243c35;border:1px solid #365a50;padding:6px 12px;border-radius:3px}.weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:12px 0;border-bottom:1px solid var(--line)}.weekdays span{font-size:9px;color:var(--muted);padding-left:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.day{min-height:112px;padding:8px 5px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.day:nth-child(7n){border-right:0}.day.outside{background:#141b1c}.day.outside .day-number{color:#526461}.day.today{background:#1b2b27}.day-number{font-size:11px;border:0;background:none;padding:3px 6px;margin-bottom:6px}.today .day-number{background:var(--accent);color:#0e2c23;border-radius:3px}.event{display:block;width:100%;border:0;border-left:2px solid #52baa0;border-radius:2px;background:#233a32;text-align:left;padding:5px 6px;margin-bottom:5px;color:#a5d8c6;overflow:hidden}.event.high{background:#383325;border-left-color:var(--amber);color:#e1c48d}.event.critical{background:#3c2c30;border-left-color:var(--red);color:#e1a3a7}.event span{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event strong{font-size:9px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;margin-top:3px}.event.completed{opacity:.65}.more{font-size:9px;border:0;background:none;padding:3px;color:var(--muted)}.legend{display:flex;gap:19px;padding:15px;font-size:9px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:5px;height:5px;background:#52baa0}.legend i.high{background:var(--amber)}.legend i.critical{background:var(--red)}.agenda header{padding:20px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.agenda h2{font-size:14px}.agenda header>span{font-size:10px;color:var(--muted)}.agenda-item{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:20px 18px}.agenda-item:last-child{border-bottom:0}.agenda-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:12px}.agenda-meta>span:first-child{font-size:9px;color:var(--muted)}.agenda-item h3{font-size:12px}.agenda-item p{font-size:10px;color:var(--muted);margin-top:7px}.assignee{display:flex;align-items:center;gap:7px;font-size:10px;color:#afc0bc;margin-top:15px}.person{display:grid;place-items:center;width:23px;height:23px;background:#2c3d38;border-radius:50%;font-size:9px;color:#94b9ad}.status-dot{width:6px;height:6px;border:1px solid #7c938e;border-radius:50%;margin-left:auto}.status-dot.active{background:var(--amber);border-color:var(--amber)}.status-dot.done{background:var(--accent);border-color:var(--accent)}.clear-day{font-size:11px;margin:12px}.page-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:9px;color:#59736d}.structure{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.structure-site{padding:22px}.structure-site header{display:flex;align-items:center;gap:12px;color:var(--accent);padding-bottom:20px}.structure-unit{margin-left:8px;padding:12px 0 12px 20px;border-left:1px solid #3c5750}.structure-unit h3{margin-bottom:15px}.equipment{display:flex;justify-content:space-between;gap:12px;padding:11px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.permissions{padding:24px}.permissions>p{color:var(--muted);line-height:1.7;margin:15px 0}.demo-note{font-size:12px;max-width:750px}dialog{width:min(620px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid #43605a;border-radius:6px;background:#182021;color:var(--text);padding:0}dialog::backdrop{background:#050c0dba}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.dialog-header .eyebrow{margin-bottom:7px}.dialog-header button{font-size:22px;padding:0 8px;border:0;background:none}fieldset{border:0;padding:24px;margin:0}fieldset label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted);margin-bottom:16px}fieldset input,fieldset select,fieldset textarea{width:100%;font-size:13px;color:var(--text)}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{opacity:1;color:#c9d6d2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.dialog-footer{border-top:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px}.form-error{color:var(--red);padding:0 24px 12px;font-size:12px}#toast{position:fixed;bottom:25px;right:25px;background:#284a3f;color:#b8f3df;padding:14px 22px;border:1px solid #4c8671;border-radius:4px;display:none}#toast.visible{display:block}
@media(min-width:1600px){.day{min-height:135px}.event span{font-size:10px}.event strong{font-size:11px}.calendar-layout{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:1250px){#app{grid-template-columns:210px minmax(0,1fr)}main{padding:24px 20px}.calendar-layout{grid-template-columns:1fr}.agenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.agenda header{grid-column:1/-1}.agenda-item{border-right:1px solid var(--line)}.metrics strong{display:block}.metrics small{display:block;margin-top:5px}.topbar{padding:0 20px}.brand{font-size:18px;padding:0}.tree-unit{font-size:10px;padding-left:14px}.scope{display:none}}
@media(max-width:800px){#app{display:block}.sidebar{padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:17px}.brand-symbol{height:31px;width:30px;font-size:20px}.brand small{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:15px;gap:6px}.nav-item{width:auto;white-space:nowrap;padding:9px;font-size:11px;margin:0}.nav-count,.workspace-label,.tree-item,.tree-unit,.sidebar-foot{display:none}.topbar{height:57px}.breadcrumb{display:none}.role-control{margin-left:0}.avatar{margin-left:auto}.page-heading{align-items:flex-start}h1{font-size:25px}.primary{font-size:12px;padding:11px 12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics article{border-bottom:1px solid var(--line)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(3){border-bottom:0}.filters{flex-wrap:wrap}.search{width:100%}.structure{grid-template-columns:1fr}.calendar{overflow-x:auto}.calendar-grid,.weekdays{min-width:640px}.agenda{grid-template-columns:1fr}.day{min-height:105px}.page-heading p{max-width:220px;line-height:1.6}.page-footer span:last-child{display:none}}
@media(max-width:480px){main{padding:22px 12px}.page-heading{flex-direction:column;gap:16px}.page-heading p{max-width:none}.page-heading .primary{width:100%}.metrics article{padding:15px}.metrics strong{font-size:25px}.month-controls h2{font-size:13px;margin-right:3px}.calendar-mode{display:none}.panel-toolbar{padding:14px 10px}.form-grid{grid-template-columns:1fr}.dialog-header,fieldset{padding:18px}.nav-item .icon{width:15px;height:15px}.nav-item{font-size:10px;gap:6px}.legend{gap:12px}}