:root{--azul:#05164b;--azul2:#0f6fc9;--morado:#5635b8;--cyan:#16b7db;--bg:#f6f8ff;--txt:#071043}*{box-sizing:border-box}body{background:radial-gradient(circle at top right,#e7e4ff,transparent 35%),var(--bg);color:var(--txt);font-family:Inter,system-ui,Segoe UI,Arial}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:#fff;border-right:1px solid #dfddff;position:sticky;top:0;height:100vh;box-shadow:8px 0 25px #15094d12}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px}.brand small{display:block;color:#5f6480;font-size:12px}.nav-link{color:#141a4d;border-radius:12px;padding:12px}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#f0edff,#fff);color:var(--morado);transform:translateX(3px)}.nav-link i{width:24px}.main{flex:1}.topbar{height:72px;background:linear-gradient(90deg,var(--morado),#126fd0);display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#fff}.user-pill{display:flex;align-items:center;gap:10px}.user-pill i{font-size:32px}.user-pill small{display:block;font-size:11px}.content{padding:28px}.hero,.card-zv{background:#fff;border:1px solid #dcd9ff;border-radius:18px;box-shadow:0 12px 28px #17205b12}.hero{padding:28px}.btn-zv{background:linear-gradient(90deg,var(--morado),#166fc9);color:#fff;border:0}.btn-zv:hover{color:#fff;filter:brightness(1.05);transform:translateY(-1px)}.metric{border-left:4px solid var(--cyan);padding:18px;background:#fff;border-radius:15px}.form-control,.form-select{border-color:#d7d9ef;border-radius:10px}.doc-paper{background:#fff;max-width:900px;margin:auto;padding:48px;border:1px solid #d7d9ef;box-shadow:0 14px 30px #0001}.status{border-radius:999px;padding:5px 10px;font-size:12px}.Completed,.Completado{background:#dff5e6;color:#176b35}.Enviada{background:#eee9ff;color:#4c33a8}.Pagado{background:#dcf7df;color:#1d6a29}.fade-in{animation:fade .45s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:860px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative}.main{width:100%}.content{padding:16px}.topbar{height:58px}.doc-paper{padding:24px}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.content{padding:0}.doc-paper{box-shadow:none;border:0;max-width:none}.main{display:block}}