@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#fafaf7;--panel:#fff;--panel-alt:#f5f4ef;--ink:#1c1917;--ink-2:#44403c;--muted:#78716c;--muted-2:#a8a29e;--line:#e7e5e0;--line-2:#efeeea;--accent:#9a3412;--accent-soft:#fbe9dd;--success:#3f6212;--warning:#a16207;--danger:#991b1b;--info:#1e40af;--density-y:14px;--density-x:18px;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-ui:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace}[data-theme=dark]{--bg:#14120f;--panel:#1a1815;--panel-alt:#201d19;--ink:#f5f4ef;--ink-2:#d6d3d1;--muted:#a8a29e;--muted-2:#78716c;--line:#2a2621;--line-2:#221f1b;--accent:#fb923c;--accent-soft:#3a1e10}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";font-size:14px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.display{font-family:var(--font-display);letter-spacing:-.01em}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sb-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:72px;padding:22px 20px 20px;display:flex}.sb-mark{background:var(--ink);width:28px;height:28px;color:var(--bg);font-family:var(--font-display);letter-spacing:.02em;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.sb-brand-text{min-width:0}.sb-brand-text .t1{font-family:var(--font-display);letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1}.sb-brand-text .t2{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin-top:4px;font-size:11px}.sb-nav{flex:1;padding:16px 10px;overflow-y:auto}.sb-group-label{color:var(--muted-2);letter-spacing:.14em;text-transform:uppercase;padding:14px 12px 8px;font-size:10px;font-weight:600}.sb-item{color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;border-radius:2px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:13.5px;display:flex;position:relative}.sb-item:hover{background:var(--panel-alt);color:var(--ink)}.sb-item.active{background:var(--panel-alt);color:var(--ink);font-weight:500}.sb-item.active:before{content:"";background:var(--accent);width:2px;position:absolute;top:6px;bottom:6px;left:0}.sb-item .ico{width:16px;height:16px;color:var(--muted);flex-shrink:0}.sb-item.active .ico{color:var(--ink)}.sb-badge{font-family:var(--font-mono);color:var(--muted);background:var(--panel-alt);border:1px solid var(--line);margin-left:auto;padding:2px 6px;font-size:10px}.sb-footer{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;font-size:12px;display:flex}.sb-avatar{background:var(--panel-alt);border:1px solid var(--line);width:32px;height:32px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.sb-footer .who{flex:1;min-width:0}.sb-footer .who .n{color:var(--ink);font-weight:500}.sb-footer .who .r{color:var(--muted);font-size:11px}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);z-index:10;align-items:center;gap:20px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.crumbs{color:var(--muted);letter-spacing:.02em;align-items:center;gap:8px;font-size:12px;display:flex}.crumbs .sep{color:var(--muted-2)}.crumbs .cur{color:var(--ink);font-weight:500}.topbar .spacer{flex:1}.search{width:300px;position:relative}.search input{border:1px solid var(--line);background:var(--bg);width:100%;font:inherit;color:var(--ink);border-radius:2px;outline:none;padding:8px 12px 8px 34px;font-size:13px;transition:border-color .15s}.search input:focus{border-color:var(--ink)}.search .ico{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.iconbtn{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--muted);border-radius:2px;place-items:center;display:grid}.iconbtn:hover{color:var(--ink);border-color:var(--ink-2)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{background:linear-gradient(90deg, var(--line) 25%, var(--line-2) 50%, var(--line) 75%);background-size:400px 100%;border-radius:4px;animation:1.4s infinite shimmer}.content{width:100%;padding:28px}.page-enter{animation:.18s both page-in}.page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding-bottom:22px;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 6px;font-size:28px;font-weight:500}.page-head .sub{color:var(--muted);font-size:13.5px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.2;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--ink-2)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{background:var(--ink-2)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--panel-alt)}.btn.sm{padding:5px 10px;font-size:12px}.btn.danger-btn{background:var(--danger);color:#fff;border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--line);border-radius:2px}.card-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}button.card-h{border:none;border-bottom:1px solid var(--line);width:100%;color:inherit;font:inherit;text-align:left;background:0 0}.card-h h3{font-family:var(--font-display);letter-spacing:-.005em;margin:0;font-size:14px;font-weight:500}.card-h .sub{color:var(--muted);font-size:11.5px}.card-b{padding:20px}.kpis{border:1px solid var(--line);background:var(--panel);border-radius:2px;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:22px;display:grid}.kpi{border-right:1px solid var(--line);padding:22px 24px}.kpi:last-child{border-right:none}.kpi .label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:11px}.kpi .val{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:500;line-height:1}.kpi .hint{color:var(--muted);font-size:11.5px;font-family:var(--font-mono);margin-top:8px}.grid{gap:22px;display:grid}.grid.two{grid-template-columns:2fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.table-wrap{overflow:hidden}table.t{border-collapse:collapse;width:100%;font-size:13px}.t th,.t td{text-align:left;padding:var(--density-y) var(--density-x);border-bottom:1px solid var(--line-2);vertical-align:middle}.t th{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--line);white-space:nowrap;font-size:11px;font-weight:500}.t tbody tr{cursor:pointer;transition:background 80ms}.t tbody tr:hover{background:var(--panel-alt)}.t td.num{font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-mono);font-size:12.5px}.t td .id{font-family:var(--font-mono);color:var(--muted);font-size:12px}.t td.bold{color:var(--ink);font-weight:500}.t td.muted{color:var(--muted);font-size:12.5px}.pill{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);white-space:nowrap;border-radius:2px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.pill .d{background:var(--muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pill.success{color:var(--success);background:#f5f8ed;border-color:#d1e2b4}.pill.success .d{background:var(--success)}.pill.warning{color:var(--warning);background:#fbf5e7;border-color:#f0d9a3}.pill.warning .d{background:var(--warning)}.pill.danger{color:var(--danger);background:#faeaea;border-color:#e9c1c1}.pill.danger .d{background:var(--danger)}.pill.info{color:var(--info);background:#eef1fa;border-color:#c3d0ec}.pill.info .d{background:var(--info)}.bar{background:var(--line-2);border-radius:2px;height:4px;overflow:hidden}.bar>span{background:var(--ink);height:100%;transition:width .3s;display:block}.bar.accent>span{background:var(--accent)}.act-item{border-bottom:1px solid var(--line-2);grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:14px 0;display:grid}.act-item:last-child{border-bottom:none}.act-dot{background:var(--muted-2);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.act-dot.accent{background:var(--accent)}.act-dot.success{background:var(--success)}.act-dot.warning{background:var(--warning)}.act-body .act-t{color:var(--ink);font-size:13px}.act-body .act-t strong{font-weight:500}.act-body .act-m{color:var(--muted);margin-top:2px;font-size:11.5px}.act-time{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-size:11px}.tabs{border-bottom:1px solid var(--line);display:flex}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 18px;font-size:13px;display:inline-flex}.tab .c{font-family:var(--font-mono);background:var(--panel-alt);color:var(--muted);border:1px solid var(--line);padding:1px 6px;font-size:10.5px}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);font-weight:500}.tab.active .c{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filters{border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;display:flex}.pagination .pages{align-items:center;gap:2px;display:flex}.pagination .page{min-width:28px;height:28px;font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;font-size:12px;display:grid}.pagination .page:hover{border-color:var(--line)}.pagination .page.active{border-color:var(--ink);color:var(--ink);font-weight:500}.detail-grid{grid-template-columns:2fr 1fr;gap:22px;display:grid}.field{border-bottom:1px solid var(--line-2);grid-template-columns:160px 1fr;align-items:baseline;gap:20px;padding:14px 0;display:grid}.field:last-child{border-bottom:none}.field .k{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px}.field .v{font-size:13.5px}.field .v.mono{font-family:var(--font-mono);font-size:12.5px}.timeline{padding:4px 0}.tl-item{grid-template-columns:24px 1fr;gap:12px;padding-bottom:22px;display:grid;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--line);width:1px;position:absolute;top:18px;bottom:0;left:11px}.tl-item:last-child:before{display:none}.tl-mark{border:1px solid var(--line);background:var(--panel);z-index:1;width:24px;height:24px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;display:grid}.tl-mark.done{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tl-mark.accent{border-color:var(--accent);color:var(--accent)}.tl-body .tl-t{font-size:13px;font-weight:500}.tl-body .tl-type{font-size:10.5px;font-family:var(--font-mono);color:var(--muted);margin-left:8px;display:inline-block}.tl-body .tl-m{color:var(--muted);font-size:11.5px;font-family:var(--font-mono);margin-top:2px}.tl-body .tl-d{color:var(--ink-2);margin-top:6px;font-size:12.5px;line-height:1.55}.tl-body .tl-link{color:var(--accent);font-size:12px;font-family:var(--font-mono);word-break:break-all;margin-top:4px}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;font-weight:500}.form-group input,.form-group textarea,.form-group select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:2px;outline:none;width:100%;padding:10px 12px;font-size:13.5px;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--ink)}.form-group textarea{resize:vertical;min-height:90px}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-actions{border-top:1px solid var(--line);gap:10px;margin-top:24px;padding-top:8px;display:flex}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty p{margin:0;font-size:13.5px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}[data-theme=dark] .pill.success{background:#3f621226;border-color:#3f621259}[data-theme=dark] .pill.warning{background:#a162072e;border-color:#a1620766}[data-theme=dark] .pill.danger{background:#991b1b2e;border-color:#991b1b66}[data-theme=dark] .pill.info{background:#1e40af2e;border-color:#1e40af66}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background:var(--panel-alt)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);z-index:150;background:#00000073;position:fixed;inset:0}.hamburger{display:none!important}@media (max-width:1024px){.kpis{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.search{width:220px}}@media (max-width:768px){.app{grid-template-columns:1fr}.sidebar{z-index:200;width:248px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.hamburger{display:grid!important}.topbar{gap:10px;height:60px;padding:0 16px}.crumbs{font-size:11px}.crumbs span:first-child,.search{display:none}.content{padding:16px}.page-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:16px}.page-head h1{margin-bottom:4px;font-size:22px}.page-head>div:last-child{align-self:flex-start}.kpis{grid-template-columns:1fr 1fr}.kpi{padding:16px 18px}.kpi .val{font-size:28px}.kpi:nth-child(2){border-right:none}.kpi:nth-child(3){border-top:1px solid var(--line)}.kpi:nth-child(4){border-top:1px solid var(--line);border-right:none}.grid.two,.grid.three,.detail-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.card-h{padding:12px 16px}.card-b{padding:14px 16px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.t{min-width:560px}.t th,.t td{padding:10px 12px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.field{grid-template-columns:1fr;gap:4px}.field .k{font-size:10.5px}.pagination{flex-direction:column;align-items:flex-start;gap:10px}.tl-body .tl-m{font-size:10.5px}.page-head .btn{padding:7px 12px;font-size:12.5px}}@media (max-width:480px){.kpis{grid-template-columns:1fr 1fr}.kpi .val{font-size:24px}.content,.card-b{padding:12px}.page-head h1{font-size:20px}table.t{min-width:480px}}.view-toggle{border:1px solid var(--line);border-radius:2px;display:flex;overflow:hidden}.view-toggle-btn{background:var(--panel);width:34px;height:34px;color:var(--muted);cursor:pointer;border:none;place-items:center;transition:background .12s,color .12s;display:grid}.view-toggle-btn+.view-toggle-btn{border-left:1px solid var(--line)}.view-toggle-btn:hover{color:var(--ink);background:var(--panel-alt)}.view-toggle-btn.active{background:var(--ink);color:var(--bg)}@media (max-width:1024px){.view-toggle{display:none}}.process-cards{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;animation:.18s fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:1280px){.process-cards{grid-template-columns:repeat(2,1fr)}}.process-card{background:var(--panel);cursor:pointer;color:inherit;flex-direction:column;gap:14px;min-height:170px;padding:20px;text-decoration:none;transition:background .1s;display:flex}.process-card:hover{background:var(--panel-alt)}.pc-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pc-body{flex-direction:column;flex:1;gap:5px;display:flex}.pc-title{font-family:var(--font-display);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.pc-type{color:var(--muted);font-size:11.5px;font-family:var(--font-mono)}.pc-desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.pc-footer{border-top:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.pc-meta{color:var(--muted);font-size:11.5px;font-family:var(--font-mono);align-items:center;gap:5px;display:flex}.pc-meta svg{color:var(--muted-2);flex-shrink:0}