.ad-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#fff8ef}.ad-sidebar{background:#fff;border-right:2px dashed #ffe4c7;display:flex;flex-direction:column}.ad-brand{font-weight:900;font-size:20px;padding:18px 20px;color:#ff6b6b}.ad-nav{display:flex;flex-direction:column;padding:8px}.ad-nav-item{padding:12px 14px;border-radius:14px;color:#0f172a;text-decoration:none;display:flex;align-items:center;gap:10px;transition:.2s}.ad-nav-item:hover{background:#fff2de;transform:translateY(-1px)}.ad-active{background:#ffe7c2;color:#c2410c;box-shadow:0 4px 10px #ffa74033}.ad-ic{width:20px;text-align:center}.ad-side-footer{margin-top:auto;padding:12px}.ad-logout{width:100%;padding:12px 14px;border-radius:14px;border:2px dashed #ffd1d1;background:#fff;color:#b91c1c}.ad-logout:hover{background:#fff0f0}.ad-main{display:flex;flex-direction:column}.ad-topbar{height:68px;background:#fff;border-bottom:2px dashed #ffe4c7;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.ad-search{width:300px;max-width:40vw;border:2px dashed #ffe4c7;border-radius:16px;padding:12px 14px;background:#fffdf7}.ad-user-name{font-weight:700;color:coral}.ad-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px}.ad-card{background:#fff;border:2px dashed #ffe4c7;border-radius:16px;padding:18px;box-shadow:0 6px 14px #ffab6626}.ad-k-label{color:#8b8b83;font-size:12px}.ad-k-value{font-weight:900;font-size:26px;margin-top:8px;color:#ff6b6b}.ad-k-sub{color:#a3a3a3;font-size:12px;margin-top:2px}.ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 18px 18px}.ad-panel{background:#fff;border:2px dashed #ffe4c7;border-radius:16px;padding:18px;display:flex;flex-direction:column;box-shadow:0 6px 14px #ffab661a}.ad-panel-title{font-weight:800;margin-bottom:10px;color:coral}.ad-bars{display:flex;gap:16px;align-items:end;height:170px;border:2px dashed #ffe4c7;border-radius:16px;padding:14px;background:#fffdf7}.ad-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px}.ad-bar{width:30px;background:linear-gradient(180deg,#ffd166,#ff9f43);box-shadow:0 6px 12px #ffa74040;border-radius:10px;position:relative}.ad-bar:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#fb923c;border-radius:50%}.ad-bars-total{margin-top:8px;color:#64748b;font-size:12px}.ad-bar-label{font-size:11px;color:#8b8b83}.ad-table{width:100%;border-collapse:collapse}.ad-table th,.ad-table td{padding:10px;border-bottom:1px solid #f1f5f9;text-align:left}.ad-zebra tbody tr:nth-child(odd){background:#fafafa}.ad-table-wrap{overflow:auto}.ad-span-2{grid-column:span 2}.ad-badge{padding:6px 10px;border-radius:999px;font-size:12px}.ad-badge-ok{background:#dcfce7;color:#166534}.ad-badge-warn{background:#fef9c3;color:#92400e}.ad-badge-danger{background:#fee2e2;color:#991b1b}@media(max-width:980px){.ad-shell{grid-template-columns:1fr}.ad-sidebar{display:none}.ad-topbar{position:sticky;top:0;z-index:10}.ad-kpis{grid-template-columns:1fr;gap:14px;padding:14px}.ad-grid{grid-template-columns:1fr}.ad-span-2{grid-column:span 1}}