:root{--dt-navy-900: #0a2342;--dt-navy-700: #163e6e;--dt-navy-500: #2c5ba0;--dt-cream-100: #faf9f6;--dt-cream-200: #f4e5b6;--dt-gold-500: #e8b647;--dt-gold-700: #b8861e;--dt-green-900: #1a3d27;--dt-green-700: #2d5f3f;--dt-green-500: #5a8060;--dt-green-400: #87a878;--dt-green-200: #d4e0cc;--dt-gray-900: #0f1419;--dt-gray-800: #1a202c;--dt-gray-600: #4a5568;--dt-gray-400: #a0aec0;--dt-gray-200: #e2e8f0;--dt-gray-100: #f0f2f5;--darntech-olive: #747438;--darntech-olive-dark: #4a4a1f;--darntech-olive-light: #a5a570;--darntech-yellow: #f5dc28;--darntech-yellow-dark: #d4bd1c;--darntech-blue: #2c5ba0;--darntech-blue-dark: #1e3f72;--darntech-paper-dark: #1a1a0e;--dt-success: var(--dt-green-700);--dt-warning: var(--dt-gold-500);--dt-error: #c53030;--dt-info: var(--dt-navy-500);--font-serif: "Libre Baskerville", Georgia, "Times New Roman", serif;--font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ops: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(10, 35, 66, .05);--shadow-md: 0 4px 12px rgba(10, 35, 66, .08);--shadow-lg: 0 12px 32px rgba(10, 35, 66, .12)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{font:inherit;cursor:pointer}.client-mode{background:var(--dt-cream-100);color:var(--dt-gray-800);min-height:100vh;font-family:var(--font-sans);font-size:15px;line-height:1.7}.client-mode h1,.client-mode h2,.client-mode h3,.client-mode h4{font-family:var(--font-serif);color:var(--dt-navy-900);line-height:1.25;margin:0 0 var(--space-4)}.client-mode h1{font-size:2.2rem}.client-mode h2{font-size:1.5rem}.client-mode h3{font-size:1.2rem}.client-mode .header-bar{background:var(--dt-navy-900);color:var(--dt-cream-100);padding:var(--space-4) var(--space-8);display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--dt-gold-500)}.client-mode .header-bar .brand{display:flex;flex-direction:column}.client-mode .header-bar .brand-name{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;letter-spacing:.02em}.client-mode .header-bar .brand-tag{font-size:.78rem;color:var(--dt-cream-200);letter-spacing:.18em;text-transform:uppercase;margin-top:2px}.client-mode .header-bar nav a{color:var(--dt-cream-100);text-decoration:none;margin-left:var(--space-6);font-size:.9rem;letter-spacing:.04em;border-bottom:1px solid transparent;padding-bottom:2px}.client-mode .header-bar nav a:hover,.client-mode .header-bar nav a.router-link-active{border-bottom-color:var(--dt-gold-500);color:var(--dt-gold-500)}.client-mode main{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6)}.client-mode .status-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border:1px solid var(--dt-gold-500);color:var(--dt-gold-700);background:#e8b6471f;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;border-radius:999px;font-weight:600}.client-mode .key-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-8) 0}.client-mode .stat{background:#fff;border:1px solid var(--dt-gray-200);border-top:3px solid var(--dt-navy-500);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.client-mode .stat-label{font-size:.7rem;text-transform:uppercase;color:var(--dt-gray-600);letter-spacing:.12em;font-weight:600}.client-mode .stat-val{font-family:var(--font-serif);font-size:1.5rem;color:var(--dt-navy-900);margin-top:var(--space-2)}.client-mode .stat-detail{font-size:.8rem;color:var(--dt-gray-600);margin-top:2px}.client-mode .cta-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-6) 0}.client-mode .btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;font-weight:600;font-size:.95rem;text-decoration:none;letter-spacing:.02em;transition:transform 80ms}.client-mode .btn:hover{transform:translateY(-1px)}.client-mode .btn.primary{background:var(--dt-navy-900);color:var(--dt-cream-100);box-shadow:var(--shadow-md)}.client-mode .btn.primary:hover{background:var(--dt-navy-700)}.client-mode .btn.secondary{background:var(--dt-cream-100);color:var(--dt-navy-900);border:1px solid var(--dt-navy-500)}.client-mode .btn.gold{background:var(--dt-gold-500);color:var(--dt-navy-900)}.client-mode .btn.gold:hover{background:var(--dt-gold-700);color:var(--dt-cream-100)}.client-mode .card{background:#fff;border:1px solid var(--dt-gray-200);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.client-mode .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.client-mode .footer{border-top:1px solid var(--dt-gray-200);padding:var(--space-6) var(--space-8);font-size:.8rem;color:var(--dt-gray-600);text-align:center;margin-top:var(--space-12)}.client-mode .footer .meta{font-family:var(--font-mono);color:var(--dt-gray-400)}.client-mode .markdown-body{background:#fff;padding:var(--space-8);border-radius:var(--radius-md);border:1px solid var(--dt-gray-200);border-top:4px solid var(--dt-gold-500)}.client-mode .markdown-body table{border-collapse:collapse;width:100%;margin:var(--space-4) 0}.client-mode .markdown-body th,.client-mode .markdown-body td{border:1px solid var(--dt-gray-200);padding:var(--space-2) var(--space-3);text-align:left;font-size:.9rem}.client-mode .markdown-body th{background:var(--dt-cream-100);color:var(--dt-navy-900)}.client-mode .markdown-body code{background:var(--dt-cream-100);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.85em}.client-mode .markdown-body pre{background:var(--dt-gray-800);color:var(--dt-cream-100);padding:var(--space-4);border-radius:var(--radius-sm);overflow-x:auto}.client-mode .markdown-body pre code{background:transparent;padding:0;color:inherit}.client-mode .markdown-body hr{border:none;border-top:1px solid var(--dt-gray-200);margin:var(--space-6) 0}.client-mode .markdown-body a{color:var(--dt-navy-500)}.client-mode .markdown-body blockquote{border-left:3px solid var(--dt-gold-500);padding:var(--space-2) var(--space-4);background:var(--dt-cream-100);color:var(--dt-gray-600);margin:var(--space-4) 0}@media (max-width: 700px){.client-mode .header-bar{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.client-mode .header-bar nav a{margin-left:0;margin-right:var(--space-4)}.client-mode main{padding:var(--space-4)}}.ops-mode{background:var(--darntech-paper-dark);color:#f0f0f5;min-height:100vh;font-family:var(--font-ops);font-size:14px;line-height:1.6}.ops-mode h1,.ops-mode h2,.ops-mode h3{font-family:var(--font-ops);color:#f5f5e8;margin:0 0 var(--space-3)}.ops-mode h1{font-size:1.6rem}.ops-mode .ops-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-6);background:var(--darntech-olive-dark);border-bottom:1px solid var(--darntech-olive)}.ops-mode .ops-bar .brand{font-family:var(--font-mono);font-size:.85rem;color:var(--darntech-yellow);letter-spacing:.05em;text-transform:uppercase}.ops-mode .ops-bar .right{display:flex;gap:var(--space-4);align-items:center}.ops-mode .ops-bar a{color:#f5f5e8b3;text-decoration:none;font-size:.85rem;font-family:var(--font-mono)}.ops-mode .ops-bar a:hover{color:var(--darntech-yellow)}.ops-mode main{max-width:1400px;margin:0 auto;padding:var(--space-6)}.ops-mode .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-4)}.ops-mode .panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);overflow:hidden}.ops-mode .panel-head{padding:var(--space-3) var(--space-4);background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.ops-mode .panel-title{font-family:var(--font-mono);font-size:.78rem;color:var(--darntech-yellow);letter-spacing:.08em;text-transform:uppercase}.ops-mode .panel-body{padding:var(--space-4);font-size:.85rem}.ops-mode .kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0}.ops-mode .kv dt{color:#f5f5e880;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.ops-mode .kv dd{margin:0;font-family:var(--font-mono);word-break:break-word}.ops-mode .activity-row{border-bottom:1px dashed rgba(255,255,255,.06);padding:var(--space-2) 0;font-size:.82rem;color:#f0f0f5d9}.ops-mode .activity-row:last-child{border:none}.ops-mode .activity-meta{font-family:var(--font-mono);font-size:.7rem;color:#f5f5e866;margin-bottom:2px}.ops-mode .pillar-pro{color:var(--darntech-blue)}.ops-mode .links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ops-mode .links a{background:#f5dc281a;border:1px solid rgba(245,220,40,.3);color:var(--darntech-yellow);padding:4px 10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78rem;text-decoration:none}.ops-mode .links a:hover{background:#f5dc2833}.ops-mode .err{color:#f88;font-family:var(--font-mono);font-size:.78rem;background:#ff646414;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-left:3px solid #ff8888;margin-top:var(--space-2)}
