:root{--bg:#f3f6fa;--panel:#fff;--ink:#172236;--muted:#687589;--line:#dce3ec;--nav:#0d1726;--nav2:#13243a;--accent:#1769e0;--accent2:#e9f2ff;--red:#c52b36;--redbg:#fff0f1;--orange:#d66b14;--orangebg:#fff4e8;--yellow:#a87a00;--yellowbg:#fff9df;--green:#1b7d52;--greenbg:#eaf8f1;--shadow:0 12px 35px rgba(22,38,60,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:236px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#e8eef7;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:18px 14px;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:6px 7px 22px}.brand-mark{width:46px;height:46px;border:1px solid #54708f;border-radius:12px;display:grid;place-items:center;font-weight:800;letter-spacing:-1px;background:#172b45}.brand strong{font-size:17px}.brand span{display:block;font-size:11px;color:#9fb0c6;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-btn{border:0;background:transparent;color:#bfcadd;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:10px}.nav-btn span{width:20px;text-align:center;font-size:17px}.nav-btn b{margin-left:auto;background:#253a55;color:#dfe8f3;padding:1px 6px;border-radius:10px;font-size:10px}.nav-btn:hover,.nav-btn.active{background:#1d3655;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #2a415d;padding:14px 8px 0;color:#aebcd0;font-size:11px;display:grid;grid-template-columns:12px 1fr;gap:5px 7px;align-items:center}.sidebar-foot small{grid-column:2}.status-dot{width:8px;height:8px;border-radius:50%;background:#d0a20d}.status-dot.remote{background:#31b579}.status-dot.local{background:#d0a20d}.main{margin-left:236px;min-width:0;width:calc(100% - 236px)}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:10px 24px;position:sticky;top:0;z-index:15}.search-wrap{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 12px;flex:1;max-width:680px;background:#f9fbfd}.search-wrap input{border:0;background:transparent;outline:none;height:40px;width:100%;font-size:14px}.search-results{position:absolute;top:46px;left:0;right:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;max-height:360px;overflow:auto;z-index:30}.search-result{padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.search-result:hover{background:#f5f8fc}.search-result strong,.search-result span{display:block}.search-result span{font-size:12px;color:var(--muted);margin-top:2px}.hidden{display:none!important}.view{display:none;padding:24px;max-width:1600px;margin:0 auto}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.page-head h1{font-size:27px;margin:3px 0 4px;letter-spacing:-.7px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#64748b;margin:0}.muted{color:var(--muted);margin:0}.head-actions{display:flex;gap:7px;align-items:center}.btn,.icon-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;height:39px;padding:0 14px;cursor:pointer;font-weight:650}.btn:hover,.icon-btn:hover{filter:brightness(.98);border-color:#c8d2df}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:#fff}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.icon-btn{width:39px;padding:0;font-size:20px}.mobile-only{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:16px}.panel h2{font-size:16px;margin:0 0 5px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.kpi{border:1px solid var(--line);border-left:4px solid #6b7c90;border-radius:11px;background:#fff;padding:13px 15px}.kpi span,.kpi small{display:block;color:var(--muted)}.kpi strong{font-size:26px;line-height:1.25}.kpi.critical{border-left-color:var(--red)}.kpi.urgent{border-left-color:var(--orange)}.kpi.warning{border-left-color:#d2a300}.kpi.ok{border-left-color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(650px,1fr) 360px;gap:14px}.calendar-panel{min-height:620px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week span{text-align:center;padding:8px 4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.calendar-grid{border-left:1px solid var(--line);border-top:1px solid var(--line)}.cal-day{min-height:85px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px;cursor:pointer;background:#fff;position:relative;overflow:hidden}.cal-day:hover{background:#f8fbff}.cal-day.other{background:#fafbfc;color:#a6afbd}.cal-day.selected{box-shadow:inset 0 0 0 2px var(--accent)}.cal-day.today .daynum{background:var(--accent);color:white}.daynum{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:750}.mini-event{font-size:10px;margin-top:4px;padding:3px 5px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid #8a98aa;background:#f2f5f8}.mini-event.critical{border-left-color:var(--red);background:var(--redbg)}.mini-event.urgent{border-left-color:var(--orange);background:var(--orangebg)}.mini-event.warning{border-left-color:#c69a05;background:var(--yellowbg)}.mini-event.ok{border-left-color:var(--green);background:var(--greenbg)}.more-events{font-size:10px;color:var(--muted);padding:3px}.day-panel{min-height:620px}.event-list{display:flex;flex-direction:column;gap:8px;max-height:540px;overflow:auto}.event-card{border:1px solid var(--line);border-left:4px solid #8291a4;border-radius:9px;padding:10px;cursor:pointer}.event-card:hover{background:#fafcff}.event-card.critical{border-left-color:var(--red)}.event-card.urgent{border-left-color:var(--orange)}.event-card.warning{border-left-color:#c69a05}.event-card.ok{border-left-color:var(--green)}.event-card strong{display:block}.event-card small{color:var(--muted);display:block;margin-top:3px}.badge{display:inline-flex;align-items:center;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:750;background:#edf1f6;color:#526173}.badge.red{background:var(--redbg);color:var(--red)}.badge.orange{background:var(--orangebg);color:var(--orange)}.badge.green{background:var(--greenbg);color:var(--green)}.badge.blue{background:var(--accent2);color:var(--accent)}.filter-row{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.filter-chip{border:1px solid var(--line);background:#fff;color:#687589;border-radius:18px;padding:5px 8px;font-size:10px;cursor:pointer}.filter-chip.active{background:#263951;color:#fff;border-color:#263951}.attention-panel{margin-top:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:10px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:#6a7789;font-size:10px;text-transform:uppercase;letter-spacing:.6px;background:#fbfcfe}td{font-size:12px}.row-click{cursor:pointer}.row-click:hover{background:#f8fbff}.split-view{display:grid;grid-template-columns:380px 1fr;gap:14px;min-height:680px}.list-panel{padding:0;overflow:hidden}.list-tools{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.list-tools input,.list-tools select,input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;background:#fff;color:var(--ink);outline:none}.list-tools input{width:100%}.record-list{max-height:650px;overflow:auto}.record-item{padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}.record-item:hover,.record-item.active{background:#f5f9ff}.record-item strong{display:block;font-size:13px}.record-meta{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:8px;flex-wrap:wrap}.detail-panel{padding:18px}.empty-state{display:grid;place-items:center;color:var(--muted);text-align:center}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.detail-head h2{font-size:21px;margin:0}.detail-actions{display:flex;gap:7px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.info-cell{background:#f8fafc;border:1px solid #e8edf3;border-radius:8px;padding:10px}.info-cell span{display:block;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:750;margin-bottom:3px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:14px}.tab{border:0;background:transparent;padding:10px 11px;cursor:pointer;color:#657386;font-weight:700;border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-body{padding:14px 0}.timeline{position:relative;padding-left:25px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#e3e8ef}.timeline-item{position:relative;padding:0 0 16px 12px}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#6e8197;left:-21px;top:4px;border:3px solid #fff;box-shadow:0 0 0 1px #bcc7d4}.timeline-item.future:before{background:#fff}.timeline-item strong{display:block}.timeline-item time{font-size:10px;color:var(--muted)}.compact{grid-template-columns:repeat(4,1fr)}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.doc-card{border:1px solid var(--line);border-radius:10px;padding:13px}.doc-icon{font-size:24px}.doc-card h3{margin:8px 0 4px}.doc-card p{font-size:11px;color:var(--muted);min-height:34px}.doc-actions{display:flex;gap:6px;margin-top:10px}.saps-layout{display:grid;grid-template-columns:270px 1fr;gap:14px}.saps-selector label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.saps-selector select{width:100%}.progress-wrap{margin:15px 0;height:7px;background:#edf1f5;border-radius:6px;overflow:hidden}.progress-bar{height:100%;background:var(--accent)}.step-list{display:flex;flex-direction:column;gap:6px}.step{border:0;border-radius:8px;background:#f5f7fa;color:#667487;text-align:left;padding:10px;cursor:pointer;font-weight:800}.step span{margin-left:8px}.step.active{background:var(--accent2);color:var(--accent)}.saps-editor{min-height:620px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid .full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;color:var(--muted);font-weight:700}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.check-card{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:9px}.risk-row,.role-row{display:grid;grid-template-columns:2fr .8fr .8fr .8fr 1fr auto;gap:6px;align-items:center;margin-bottom:7px}.role-row{grid-template-columns:1.5fr 2fr auto}.preview-doc{background:white;border:1px solid #cfd7e2;box-shadow:0 7px 30px rgba(0,0,0,.08);padding:40px;max-width:850px;margin:auto;min-height:700px}.preview-doc h1{text-align:center;font-size:23px}.preview-doc h2{margin-top:25px;font-size:16px;border-bottom:1px solid #ccc;padding-bottom:5px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bars{display:flex;flex-direction:column;gap:10px;margin-top:14px}.bar-line{display:grid;grid-template-columns:130px 1fr 40px;gap:10px;align-items:center}.bar-track{height:10px;background:#edf1f5;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:#567a9f;border-radius:10px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config-grid .panel{min-height:190px}.config-grid code{display:block;background:#f4f6f9;border:1px solid var(--line);padding:7px 8px;border-radius:6px;margin:7px 0}.config-grid .btn{margin:10px 6px 0 0}.modal-backdrop{position:fixed;inset:0;background:rgba(10,18,30,.55);z-index:100;display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(780px,96vw);max-height:92vh;overflow:auto;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.28)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:18px}.modal-foot{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.close-btn{border:0;background:transparent;font-size:23px;cursor:pointer;color:#64748b}.toast-root{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:#172538;color:#fff;padding:10px 13px;border-radius:8px;box-shadow:var(--shadow);font-size:12px}.toast.error{background:#9f2732}.empty-msg{padding:30px;text-align:center;color:var(--muted)}.inline-actions{display:flex;gap:6px;flex-wrap:wrap}.mt{margin-top:12px}@media(max-width:1050px){.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px)}.dashboard-grid{grid-template-columns:1fr}.day-panel{min-height:auto}.event-list{max-height:300px}.split-view{grid-template-columns:320px 1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.document-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.mobile-only{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:235px}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:8px 10px}.topbar>.btn{font-size:0;width:39px;padding:0}.topbar>.btn:before{content:"＋";font-size:20px}.view{padding:14px}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.kpi-grid,.compact{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split-view,.saps-layout,.stats-grid,.config-grid{grid-template-columns:1fr}.calendar-panel{min-height:auto}.cal-day{min-height:70px;padding:3px}.mini-event{font-size:0;height:5px;padding:0;margin-top:3px}.mini-event:before{content:""}.list-panel{max-height:350px}.detail-grid,.form-grid{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr 1fr}.risk-row{grid-template-columns:1fr 1fr}.risk-row>*:first-child{grid-column:1/-1}.preview-doc{padding:20px}.search-wrap{max-width:none}.head-actions .btn{display:none}}@media print{.sidebar,.topbar,.page-head,.saps-selector,.btn,.icon-btn{display:none!important}.main{margin:0;width:100%}.view{display:none!important}.view.active{display:block!important;padding:0}.panel{border:0;box-shadow:none}.preview-doc{border:0;box-shadow:none;padding:0;max-width:none}}