:root{
    --bg:#f5f7fb;
    --card:#ffffff;
    --ink:#132033;
    --muted:#6b7280;
    --primary:#0f766e;
    --primary-2:#0891b2;
    --danger:#dc2626;
    --line:#e5e7eb;
}
body{background:var(--bg); color:var(--ink); font-family:Inter,Segoe UI,Arial,sans-serif;}
.app-shell{display:flex; min-height:100vh;}
.sidebar{width:290px; background:linear-gradient(180deg,#071a2f,#0f766e); color:white; padding:24px; position:fixed; top:0; bottom:0; left:0;}
.brand{display:flex; gap:12px; align-items:center;}
.brand img{width:52px;height:52px;object-fit:contain;background:white;border-radius:16px;padding:6px;}
.brand-title{font-weight:800;font-size:1.05rem;}
.brand-subtitle{opacity:.75;font-size:.82rem;}
.sidebar .nav-link{color:rgba(255,255,255,.86); border-radius:14px; padding:11px 14px; font-weight:600;}
.sidebar .nav-link:hover{background:rgba(255,255,255,.14); color:white;}
.content{margin-left:290px; width:calc(100% - 290px); padding:28px;}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.page-title{font-size:1.7rem;font-weight:850;margin:0;}
.user-chip{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:999px;padding:8px 10px 8px 18px;box-shadow:0 12px 28px rgba(15,23,42,.05);}
.card-modern{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 40px rgba(15,23,42,.06);}
.metric{padding:22px;border-radius:22px;background:white;border:1px solid var(--line);box-shadow:0 14px 36px rgba(15,23,42,.06);}
.metric-value{font-size:2rem;font-weight:900;}
.metric-label{color:var(--muted);font-weight:700;}
.form-control,.form-select{border-radius:14px;padding:11px 13px;}
.btn{border-radius:14px;font-weight:700;}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border:0;}
.badge-soft{border-radius:999px;padding:7px 11px;background:#e0f2fe;color:#075985;font-weight:800;}
.status-Nuevo{background:#fef3c7;color:#92400e;}
.status-Cerrado{background:#dcfce7;color:#166534;}
.status-Escalado{background:#fee2e2;color:#991b1b;}
.table{vertical-align:middle;}
.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;}
.alert-modern{border:0;border-radius:18px;}
@media(max-width:900px){
    .sidebar{position:relative;width:100%;min-height:auto;}
    .app-shell{display:block;}
    .content{margin-left:0;width:100%;padding:18px;}
    .topbar{display:block;}
    .user-chip{margin-top:12px;justify-content:space-between;}
}
@media print{
    .sidebar,.topbar,.btn,.no-print{display:none!important;}
    .content{margin:0!important;width:100%!important;padding:0!important;}
    .card-modern{box-shadow:none;border:0;}
}