:root{--ti-navy:#0b2f4a;--ti-blue:#1677b8;--ti-cyan:#24a9c7;--ti-teal:#0f8b8d;--ti-green:#20a464;--ti-amber:#f2a900;--ti-red:#dc3545;--ti-purple:#6d55c7;--ti-bg:#f3f7fb;--ti-card:#fff;--ti-ink:#243447;--ti-muted:#6d7f90;--ti-border:#dbe6ef;--ti-shadow:0 8px 26px rgba(11,47,74,.09);--ti-radius:15px}
body{background:var(--ti-bg);color:var(--ti-ink)}
.site-header{background:linear-gradient(100deg,#fff 0%,#f7fbff 100%);box-shadow:0 2px 18px rgba(11,47,74,.07);border-bottom:1px solid var(--ti-border)}
.logo-text{color:var(--ti-navy)}
.main-nav a{transition:color .2s ease,transform .2s ease}.main-nav a:hover{color:var(--ti-blue);transform:translateY(-1px)}
.auth-buttons .btn{border-radius:9px;transition:transform .2s ease,box-shadow .2s ease}.auth-buttons .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,119,184,.18)}
.btn{border-radius:9px}.btn-primary{background:linear-gradient(135deg,var(--ti-blue),var(--ti-cyan));border:0}.btn-primary:hover{background:linear-gradient(135deg,#12669d,#168fa9)}
.app-subnav{background:linear-gradient(100deg,var(--ti-navy),#124f77);box-shadow:0 5px 18px rgba(11,47,74,.13)}
.app-subnav-inner a{transition:background .2s ease,color .2s ease;border-radius:8px}.app-subnav-inner a:hover{background:rgba(255,255,255,.12);color:#fff}
.card,.dashboard-card,.table-card,.filter-panel{border:1px solid var(--ti-border);border-radius:var(--ti-radius);box-shadow:var(--ti-shadow);background:#fff}
.card{transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 12px 32px rgba(11,47,74,.12)}
.stat-card{position:relative;overflow:hidden;border:1px solid var(--ti-border);border-radius:var(--ti-radius);box-shadow:var(--ti-shadow);background:#fff}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--ti-blue),var(--ti-cyan))}.stat-card .display-6{font-weight:750;color:var(--ti-navy)}
.kpi-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9f5fc;color:var(--ti-blue)}
.dashboard-title-band{background:linear-gradient(135deg,var(--ti-navy),#176f9f 70%,#22a9bd);color:#fff;border-radius:var(--ti-radius);padding:1.4rem 1.5rem;box-shadow:var(--ti-shadow);position:relative;overflow:hidden}.dashboard-title-band:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-100px;top:-120px;box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.02)}
.chart-card{background:#fff;border:1px solid var(--ti-border);border-radius:var(--ti-radius);box-shadow:var(--ti-shadow);padding:1rem;min-height:320px}.chart-card h2,.chart-card h3{color:var(--ti-navy);font-size:1rem;margin-bottom:1rem}.chart-wrap{position:relative;height:260px}.chart-wrap.tall{height:310px}
.gauge-card{display:flex;align-items:center;gap:1rem}.ti-gauge{--value:0;width:128px;height:128px;border-radius:50%;background:conic-gradient(var(--ti-green) calc(var(--value)*1%),#e6edf3 0);display:grid;place-items:center;flex:0 0 auto;position:relative}.ti-gauge:after{content:"";width:94px;height:94px;border-radius:50%;background:#fff;position:absolute}.ti-gauge-content{position:relative;z-index:1;text-align:center}.ti-gauge-value{font-weight:800;font-size:1.35rem;color:var(--ti-navy)}.ti-gauge-label{font-size:.7rem;color:var(--ti-muted)}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .65rem;font-size:.74rem;font-weight:700}.status-success{background:#e7f7ee;color:#167642}.status-warning{background:#fff4d7;color:#8c6100}.status-danger{background:#fde8eb;color:#a21f2d}.status-info{background:#e8f3fb;color:#145b88}.status-purple{background:#eeeafe;color:#5540a4}
.table{--bs-table-hover-bg:#f7fbfe}.table thead th{background:#f0f6fa;color:var(--ti-navy);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--ti-border)}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#f7fbfe}.progress{background:#e9eff4}.progress-bar{background:linear-gradient(90deg,var(--ti-blue),var(--ti-teal))}
.filter-panel{padding:1rem;margin-bottom:1rem}.filter-panel label{font-weight:600;color:var(--ti-navy);font-size:.85rem}.form-control,.form-select{border-radius:9px;border-color:#d4e0e9}.form-control:focus,.form-select:focus{border-color:#6bb6d8;box-shadow:0 0 0 .2rem rgba(22,119,184,.12)}
.attention-item{border-left:4px solid var(--ti-amber);background:#fffaf0;border-radius:10px;padding:.7rem .8rem;margin-bottom:.6rem}.attention-item.danger{border-left-color:var(--ti-red);background:#fff4f5}.attention-item.success{border-left-color:var(--ti-green);background:#f1fbf5}
@media(max-width:900px){.gauge-card{align-items:flex-start}.chart-wrap{height:230px}}@media(max-width:575px){.dashboard-title-band{padding:1.1rem}.chart-card{min-height:280px}.chart-wrap{height:220px}.ti-gauge{width:108px;height:108px}.ti-gauge:after{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}