@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;900&family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@400;500&display=swap";:root{color-scheme:light;font-family:var(--font-brand);--ink: #17221f;--muted: #65736e;--subtle: #8b9994;--line: #dce5e0;--canvas: #f3f6f2;--surface: #fff;--surface-soft: #f7faf7;--brand: #00a86b;--brand-strong: #007a4d;--brand-deep: #0b2e27;--brand-soft: #e8f7f0;--accent: #f7b916;--accent-soft: #fff7dd;--nav: #0b2e27;--nav-soft: #123d34;--success: #087a54;--success-soft: #e8f7f0;--warning: #a85c00;--warning-soft: #fff4df;--danger: #b42318;--danger-soft: #fff0ee;--radius-sm: 8px;--radius: 14px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(11, 46, 39, .06);--shadow: 0 14px 36px rgba(11, 46, 39, .1);--sidebar: 256px;--topbar: 72px;--font-brand: Poppins, "Segoe UI", system-ui, -apple-system, sans-serif;--font-data: Roboto, Helvetica, Arial, sans-serif;--font-editorial: "Playfair Display", Georgia, serif}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-size:15px;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:var(--font-brand);font-size:inherit;line-height:inherit}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #00a86b42}button{cursor:pointer}section>table{display:block;max-width:100%;overflow-x:auto}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(1.6rem,2.5vw,2.15rem);letter-spacing:-.03em;line-height:1.2;font-weight:600}h2{margin-bottom:4px;font-size:1.05rem;letter-spacing:-.015em;font-weight:600}h3{font-size:.96rem;font-weight:500}.muted{color:var(--muted)}.small{font-size:.82rem}.eyebrow{color:var(--brand-strong);font-size:.75rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:var(--nav);color:#fff;transition:width .18s ease,transform .18s ease}.sidebar:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent) 0 48%,var(--brand) 48%)}.brand-block{height:var(--topbar);display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo{height:42px;width:auto;max-width:96px;flex:0 0 auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.brand-copy strong{font-size:.86rem;font-weight:700;color:#fff;letter-spacing:.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy span{color:#a9beb7;font-size:.68rem;font-family:var(--font-editorial);font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-section-label{padding:0 10px 8px;color:#7f9d93;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.side-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;margin:3px 0;border-radius:10px;color:#c7d8d2;text-decoration:none;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.side-nav a:hover{background:#ffffff14;color:#fff}.side-nav a.active{color:#fff;background:#00a86b33;box-shadow:inset 3px 0 var(--accent)}.sidebar-foot{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.side-status{display:flex;align-items:center;gap:9px;padding:10px}.side-status div{display:flex;flex-direction:column}.side-status strong{font-size:.78rem}.side-status span:last-child{color:#93aaa2;font-size:.7rem}.live-dot{width:8px;height:8px;border-radius:50%;background:#2ed695;box-shadow:0 0 0 4px #2ed69521}.collapse-button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:#93aaa2}.collapse-button:hover{background:#ffffff0f;color:#fff}.collapse-button svg{transform:rotate(180deg)}.app-stage{min-height:100vh;margin-left:var(--sidebar);transition:margin .18s ease}.topbar{position:sticky;z-index:20;top:0;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-context,.topbar-actions,.user-menu{display:flex;align-items:center}.topbar-context{gap:12px}.topbar-context>div{display:flex;flex-direction:column}.context-kicker{color:var(--brand-strong);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.topbar-context strong{font-size:.92rem}.topbar-actions{gap:10px}.user-menu{gap:10px;padding-left:12px;border-left:1px solid var(--line)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--brand-deep);color:#fff;font-size:.75rem;font-weight:800}.user-copy{display:flex;flex-direction:column;line-height:1.25}.user-copy strong{font-size:.82rem}.user-copy span{color:var(--muted);font-size:.7rem}.icon-button{width:38px;height:38px;display:grid;place-items:center;margin:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#475467}.icon-button:hover{border-color:#b5cdc4;background:var(--brand-soft);color:var(--brand-strong)}.text-button{border:0;background:none;color:var(--brand-strong);font-size:.78rem;font-weight:600;padding:7px}.menu-button,.mobile-close,.sidebar-scrim{display:none}.sidebar-collapsed .sidebar{width:76px}.sidebar-collapsed .app-stage{margin-left:76px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .side-nav span,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .side-status div,.sidebar-collapsed .collapse-button span{display:none}.sidebar-collapsed .brand-logo{width:55px}.sidebar-collapsed .brand-block,.sidebar-collapsed .side-nav a{justify-content:center;padding:0}.sidebar-collapsed .side-status,.sidebar-collapsed .collapse-button{justify-content:center}.sidebar-collapsed .collapse-button svg{transform:none}.app-content{width:min(100%,1600px);margin:0 auto;padding:32px clamp(18px,3vw,40px) 64px;background-image:radial-gradient(rgba(11,46,39,.035) .7px,transparent .7px);background-size:18px 18px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line)}.page-header p{max-width:720px;margin:0;color:var(--muted);font-weight:300}.page-actions{display:flex;align-items:center;gap:8px}.section-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.section-heading p{margin:2px 0 0;color:var(--muted);font-size:.82rem}.filters,.filter-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filter-bar{position:sticky;z-index:10;top:calc(var(--topbar) + 10px);margin-bottom:20px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);border-top:3px solid var(--brand);background:#fffffff5;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-bar label,.filters label{min-width:150px;flex:1}.filter-bar .filter-label{display:flex;align-items:center;gap:7px;padding:0 7px;color:var(--muted);font-size:.78rem;font-weight:700}label{display:block;color:#31423c;font-size:.78rem;font-weight:500}input,select,textarea{width:100%;min-height:42px;margin-top:5px;padding:8px 11px;border:1px solid #c9d7d2;border-radius:var(--radius-sm);background:#fff;color:var(--ink)}textarea{min-height:96px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--brand)}button:not(.icon-button):not(.text-button):not(.collapse-button):not(.tab-button):not(.thumb-button):not(.metric-link):not(.sidebar-scrim){min-height:40px;padding:8px 14px;border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand-strong);color:#fff;font-weight:600}button:hover{filter:brightness(.97)}button:disabled{cursor:not-allowed;opacity:.5}.button-secondary{border-color:var(--line)!important;background:#fff!important;color:#31423c!important}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}.metric{position:relative;min-width:0;padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.metric:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--brand),var(--accent))}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-label{color:var(--muted);font-size:.78rem;font-weight:650}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong)}.metric strong{display:block;margin-top:7px;font-size:1.8rem;letter-spacing:-.04em;line-height:1.1}.metric-note{display:block;margin-top:5px;color:var(--muted);font-size:.75rem}.metric-link{width:100%;text-align:left;color:inherit;cursor:pointer}.metric-link:hover{border-color:#9bcbb8;box-shadow:var(--shadow);transform:translateY(-1px)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:18px;margin-top:18px}.dashboard-detail{margin-top:18px}.stack{display:grid;gap:18px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-card{padding:16px;border:1px solid var(--line);border-radius:var(--radius);border-left:3px solid var(--accent);background:linear-gradient(135deg,#fff,var(--surface-soft))}.project-card-head{display:flex;justify-content:space-between;gap:10px}.project-card h3{margin:0}.project-code{color:var(--brand-strong);font-size:.72rem;font-weight:800}.project-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.project-stats div{display:flex;flex-direction:column}.project-stats strong{font-size:1rem}.project-stats span{color:var(--muted);font-size:.68rem}.health-cluster{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.health-item{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.health-item .status-dot{width:7px;height:7px}.status-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tone-success{color:var(--success);background:var(--success-soft)}.tone-warning{color:var(--warning);background:var(--warning-soft)}.tone-danger{color:var(--danger);background:var(--danger-soft)}.tone-neutral{color:#475467;background:#f2f4f7}.pill{display:inline-flex;align-items:center;width:fit-content;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:750}.status-ok{color:var(--success);background:var(--success-soft)}.status-pending{color:var(--warning);background:var(--warning-soft)}.status-down{color:var(--danger);background:var(--danger-soft)}.channel-internal{color:var(--brand-strong);background:var(--brand-soft)}.channel-external{color:#8a5b00;background:var(--accent-soft)}.attention-list,.activity-list,.timeline-list{display:grid;gap:0}.attention-item,.activity-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.attention-item>div,.activity-item>div{min-width:0}.attention-item:first-child,.activity-item:first-child{border-top:0}.attention-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--danger-soft);color:var(--danger)}.attention-item p,.activity-item p{margin:2px 0 0;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{color:var(--subtle);font-size:.7rem;white-space:nowrap}.person-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf2f7;color:#344054;font-size:.72rem;font-weight:800}.activity-media{width:50px;height:40px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:#8a5b00}.distribution{display:grid;gap:14px}.distribution-row{display:grid;grid-template-columns:100px 1fr 28px;gap:10px;align-items:center;font-size:.78rem}.distribution-track,.progress-track{height:8px;border-radius:999px;background:#eef1f5;overflow:hidden}.distribution-track span,.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-strong))}.distribution-row.danger .distribution-track span{background:#d64a4a}.distribution-row.success .distribution-track span{background:#2a9d76}.progress-wrap{min-width:130px}.progress-label{display:block;margin-top:5px;color:var(--muted);font-size:.72rem}.cycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cycle-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .15s,box-shadow .15s}.cycle-card:hover{border-color:#9bcbb8;box-shadow:var(--shadow)}.cycle-head,.cycle-meta,.cycle-foot{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cycle-head h3{margin:0}.cycle-meta{margin:14px 0;color:var(--muted);font-size:.78rem}.cycle-meta div{display:flex;gap:6px;align-items:center}.cycle-foot{align-items:center;margin-top:13px}.tab-bar{display:flex;gap:3px;margin-bottom:18px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#eaf0ed;overflow-x:auto}.tab-button{flex:0 0 auto;min-height:36px;margin:0;padding:7px 12px;border:0;border-radius:7px;background:transparent;color:#667085;font-size:.78rem;font-weight:700}.tab-button.active{background:#fff;color:var(--brand-strong);box-shadow:inset 0 -2px var(--accent),var(--shadow-sm);box-shadow:var(--shadow-sm)}.table-shell{width:100%;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.table-shell:focus-visible{box-shadow:0 0 0 3px #00a86b33}.table-shell table,table{width:100%;border-collapse:collapse;background:#fff;font-family:var(--font-data);font-weight:400}.table-shell table{min-width:760px}.table-shell button,table button{font-family:var(--font-data);font-weight:500}th{padding:11px 14px;background:#edf4f0;color:#496159;font-size:.7rem;font-weight:500;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:13px 14px;border-top:1px solid var(--line);font-size:.82rem;vertical-align:middle}tbody tr:hover td{background:#f5faf7}.day-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px;margin-top:16px}.day-card{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.day-card-header{display:flex;justify-content:space-between;margin-bottom:12px}.slot-row{display:grid;grid-template-columns:minmax(80px,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.slot-row:first-of-type{border-top:0}.slot-row .evidence-thumb{grid-column:1/-1}.evidence-thumb{width:72px;height:54px;border:1px solid var(--line);border-radius:8px;object-fit:cover}.thumb-button{margin:0;padding:0;border:0;background:none;cursor:zoom-in}.modal-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card,.modal-backdrop>.card,.evidence-preview-card{width:min(100%,520px);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border-radius:var(--radius-lg);background:#fff;box-shadow:0 24px 80px #0f172a40}.evidence-preview-card{width:min(100%,900px)}.evidence-full{display:block;max-width:100%;max-height:75vh;margin:auto;border-radius:10px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.drawer{position:fixed;z-index:75;top:0;right:0;width:min(460px,100vw);height:100vh;padding:24px;background:#fff;box-shadow:-20px 0 60px #0f172a2e;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;background:#0f172a57}.detail-list{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:20px 0}.detail-list dt{color:var(--muted);font-size:.78rem}.detail-list dd{margin:0;font-size:.83rem;font-weight:600}.timeline-entry{position:relative;padding:0 0 22px 30px}.timeline-entry:before{content:"";position:absolute;left:7px;top:8px;bottom:0;width:1px;background:var(--line)}.timeline-entry:last-child:before{display:none}.timeline-entry:after{content:"";position:absolute;left:3px;top:6px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--brand);box-shadow:0 0 0 2px #bfe3d4}.timeline-entry h3{margin:0 0 3px}.timeline-entry p{margin:0;color:var(--muted);font-size:.82rem}.timeline-entry time{color:var(--subtle);font-size:.72rem}.state-panel{display:flex;align-items:flex-start;gap:12px;padding:22px;border:1px dashed #cfd4dc;border-radius:var(--radius);background:#fbfcfe;color:#475467}.state-panel p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.state-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eef2f7;color:#667085}.state-error{border-color:#f2b8b8;background:var(--danger-soft)}.state-error .state-icon{color:var(--danger);background:#ffe1e1}.state-loading .state-icon svg{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.error{color:var(--danger)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;color:var(--muted);font-size:.78rem}.pagination button{margin:0}.centered-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0b2e27f7,#007a4de8),var(--nav);position:relative;overflow:hidden}.centered-page:before,.centered-page:after{content:"";position:absolute;border:2px solid rgba(247,185,22,.18);transform:rotate(45deg)}.centered-page:before{width:440px;height:440px;left:-220px;top:-190px}.centered-page:after{width:520px;height:520px;right:-280px;bottom:-280px}.centered-page .card{width:min(100%,430px);padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff;position:relative;z-index:1;border-top:5px solid var(--accent);box-shadow:0 28px 80px #02181252}.login-brand{display:grid;gap:4px;margin-bottom:28px}.login-logo{width:180px;height:78px;object-fit:contain;object-position:left center}.login-brand>span{color:var(--muted);font-family:var(--font-editorial);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.login-note{margin-top:20px;padding:12px;border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:.78rem}.password-field{position:relative}.password-field input{width:100%;padding-right:70px}.password-toggle{position:absolute;top:50%;right:6px;min-height:34px;padding:5px 10px;transform:translateY(-50%);border:0;background:transparent;color:var(--brand-primary);box-shadow:none}.login-link{display:inline-flex;justify-content:center;margin-top:14px;color:var(--brand-primary);font-weight:600}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border-radius:var(--radius-sm);background:var(--brand-primary);color:#fff;font-weight:600;text-decoration:none}.success-message{margin:0 0 16px;padding:12px 14px;border:1px solid #a7d7b3;border-radius:var(--radius-sm);background:#eef9f1;color:#17612b}.narrow-content{max-width:680px}.password-form{display:grid;gap:10px}.password-form button[type=submit]{justify-self:start;margin-top:8px}.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){:root{--topbar: 60px}.sidebar{width:min(290px,86vw);transform:translate(-105%);box-shadow:var(--shadow)}.sidebar.mobile-open{transform:none}.app-stage,.sidebar-collapsed .app-stage{margin-left:0}.sidebar-collapsed .sidebar{width:min(290px,86vw)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .side-nav span,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .side-status div{display:flex}.sidebar-collapsed .side-nav a{justify-content:flex-start;padding:0 12px}.sidebar-scrim{display:block;position:fixed;z-index:25;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a73}.menu-button,.mobile-close{display:grid}.mobile-close{margin-left:auto;background:#ffffff0f;border-color:#ffffff1a;color:#fff}.collapse-button{display:none}.topbar{padding:0 16px}.user-copy,.text-button{display:none}.app-content{padding:20px 16px 42px}.page-header{align-items:flex-start;flex-direction:column}.filter-bar{top:calc(var(--topbar) + 6px);overflow-x:auto;flex-wrap:nowrap;align-items:end}.filter-bar label{min-width:150px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-grid,.portfolio-grid{grid-template-columns:1fr}}@media(max-width:520px){body{font-size:14px}.context-kicker{display:none}.topbar-context strong{font-size:.8rem}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:1.45rem}.project-stats{grid-template-columns:repeat(2,1fr)}.section-card{padding:16px;border-radius:14px}.activity-item{grid-template-columns:auto minmax(0,1fr)}.activity-media{display:none}.item-meta{grid-column:2}.detail-list{grid-template-columns:1fr;gap:2px}.pagination{justify-content:space-between}.pagination span{text-align:center}.modal-backdrop{align-items:flex-end;padding:0}.modal-backdrop>.card,.modal-card{border-radius:18px 18px 0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}