*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--c-gold:#b8a44e;--c-gold-dark:#9e8c3c;--c-gold-light:#d4c87a;--c-gold-gradient:linear-gradient(135deg,#c9b858,#a89540);--c-primary:#b8a44e;--c-primary-hover:#9e8c3c;--c-danger:#dc2626;--c-danger-hover:#b91c1c;--c-success:#16a34a;--c-whatsapp:#25d366;--c-dark:#1a1a1a;--c-dark-soft:#2d2d2d;--c-bg:#f4f4f4;--c-surface:#fff;--c-text:#1a1a1a;--c-text-secondary:#4a4a4a;--c-muted:#6b6b6b;--c-border:#e5e5e5;--radius:4px;--radius-lg:8px;--radius-pill:4px;--shadow:0 2px 4px rgba(0,0,0,.04);--shadow-md:0 8px 16px rgba(0,0,0,.06);--shadow-lg:0 12px 32px rgba(0,0,0,.1);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-serif:"Playfair Display",Georgia,"Times New Roman",serif}body{background:var(--c-bg);color:var(--c-text);display:flex;flex-direction:column;font-family:var(--font-sans);line-height:1.6;min-height:100vh}a{color:var(--c-gold-dark);text-decoration:none;transition:color .2s}a:hover{color:var(--c-text)}.app-nav{background:var(--c-surface);border-bottom:2px solid var(--c-gold);box-shadow:0 4px 12px #0003;height:70px;justify-content:space-between;padding:0 3rem;position:sticky;top:0;z-index:100}.app-nav,.app-nav .logo{align-items:center;display:flex}.app-nav .logo{color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;gap:1rem;letter-spacing:.05em;text-transform:uppercase}.app-nav .logo img{border-radius:0;height:40px;width:auto}.app-nav .nav-left{align-items:center;display:flex;gap:2rem}.app-nav .nav-home{background:transparent;border:1px solid var(--c-gold);border-radius:var(--radius);color:var(--c-gold);cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.4rem 1rem;text-transform:uppercase;transition:all .2s}.app-nav .nav-home:hover{background:var(--c-gold);color:var(--c-dark)}.app-nav .nav-actions{align-items:center;display:flex;gap:1.25rem}.app-nav .nav-actions .text-muted{color:#ffffffb3!important}.app-nav .nav-actions .btn-sm{background:var(--c-dark);color:var(--c-surface);font-size:.8rem;padding:.4rem 1rem;transition:all .2s}.app-nav .nav-actions .btn-sm:hover{background:#fff;border-color:var(--c-gold);color:var(--c-gold)}.app-main{flex:1;margin:3rem auto;max-width:1100px;padding:0 2rem;width:100%}.app-footer{border-top:1px solid var(--c-border);color:var(--c-muted);font-size:.85rem;margin-top:auto;padding:2rem;text-align:center}.app-footer,.card{background:var(--c-surface)}.card{border:none;border-radius:var(--radius-lg);border-top:3px solid var(--c-gold);box-shadow:var(--shadow-md);padding:2.5rem}h1{font-size:2rem;letter-spacing:.02em;margin-bottom:1.25rem}h1,h2{color:var(--c-dark);font-family:var(--font-serif);font-weight:400}h2{font-size:1.5rem;margin-bottom:1rem}h3{color:var(--c-gold-dark);font-size:1.1rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.page-header{align-items:center;border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.page-header h1{margin-bottom:0}.text-muted{color:var(--c-muted);font-size:.95rem}.btn,button{align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.05em;line-height:1.4;padding:.7rem 1.75rem;text-transform:uppercase;transition:all .2s ease}.btn:hover,button:hover{background:var(--c-text);border-color:var(--c-text);color:#fff}.btn-primary,button[type=submit]{background:var(--c-gold);border:none;box-shadow:var(--shadow);color:#fff}.btn-primary:hover,button[type=submit]:hover{background:var(--c-gold-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-gold-outline{background:transparent;border:2px solid var(--c-gold);color:var(--c-gold-dark)}.btn-gold-outline:hover{background:var(--c-gold);color:#fff}.btn-danger{background:#dc26260d;border-color:#dc26264d;color:var(--c-danger)}.btn-danger:hover{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.btn-sm{font-size:.75rem;padding:.4rem 1rem}.btn-group{display:flex;flex-wrap:wrap;gap:1rem}form{display:flex;flex-direction:column;gap:1.5rem}label{color:var(--c-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}input,select,textarea{background:transparent;border:none;border-bottom:2px solid var(--c-border);border-radius:0;color:var(--c-text);font-size:1rem;padding:.75rem 0;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--c-gold);box-shadow:0 2px #b8a44e33;outline:none}textarea{border-bottom:1px solid var(--c-border);border:solid var(--c-border);border-radius:var(--radius);border-width:1px 1px 2px;min-height:100px;padding:.75rem;resize:vertical}textarea:focus{border-color:var(--c-gold)}input:disabled,select:disabled,textarea:disabled{background:transparent;border-bottom-color:var(--c-bg);color:var(--c-muted);cursor:not-allowed;opacity:.7}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.list-table{border-collapse:separate;border-spacing:0 .5rem;width:100%}.list-table th{border-bottom:2px solid var(--c-border);color:var(--c-muted);font-size:.8rem;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.list-table td{background:var(--c-surface);border-bottom:1px solid var(--c-border);border-top:1px solid var(--c-border);padding:1.25rem 1rem}.list-table td:first-child{border-bottom-left-radius:var(--radius-lg);border-left:1px solid var(--c-border);border-top-left-radius:var(--radius-lg)}.list-table td:last-child{border-bottom-right-radius:var(--radius-lg);border-right:1px solid var(--c-border);border-top-right-radius:var(--radius-lg)}.list-table tbody tr{cursor:pointer;transition:transform .2s,box-shadow .2s}.list-table tbody tr:hover td{background:#fafafa}.list-table tbody tr:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.list-table a{color:var(--c-text);font-weight:500}.pagination{margin-top:1.5rem}.pagination-info{color:var(--c-text-secondary);font-size:.875rem}.badge{border-radius:2px;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.3rem .75rem;text-transform:uppercase}.badge-admin{background:var(--c-dark);color:var(--c-gold-light)}.badge-user{background:var(--c-border);color:var(--c-text-secondary)}.badge-active{background:var(--c-success);color:#fff}.badge-inactive{background:var(--c-muted);color:#fff}.pagination{align-items:center;display:flex;font-size:.95rem;gap:1rem;justify-content:center;margin-top:3rem}.dash-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;max-width:1200px}.dash-card{align-items:flex-start;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--c-text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem;position:relative;text-align:left;transition:all .3s ease}.dash-card:hover{border-color:var(--c-gold);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dash-card .dash-icon{color:var(--c-gold);font-size:2.5rem;margin-bottom:1.25rem;transition:transform .3s ease}.dash-card:hover .dash-icon{transform:scale(1.1)}.dash-card .dash-label{font-size:1.1rem;font-weight:600;letter-spacing:.02em}.dash-card:nth-child(2n){background:var(--c-dark);border:none;color:#fff}.dash-card:nth-child(2n) .dash-icon{color:var(--c-gold-light)}.dash-card:nth-child(2n):hover{border-color:var(--c-gold-light)}.filter-bar{align-items:center;background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem}.filter-bar select{border:1px solid var(--c-border);border-radius:var(--radius);min-width:220px;padding:.5rem 1rem;width:auto}.filter-bar select:focus{border-color:var(--c-gold);box-shadow:none}.filter-bar label{margin-bottom:0;white-space:nowrap}.empty{background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius-lg);color:var(--c-muted);padding:4rem 2rem;text-align:center}.mt-1{margin-top:.75rem}.mt-2{margin-top:1.5rem}.mb-2{margin-bottom:1.5rem}.gap-row{gap:1rem}.auth-page,.gap-row{align-items:center;display:flex}.auth-page{background:var(--c-bg);background-blend-mode:multiply;background-image:radial-gradient(circle at top right,var(--c-gold-light) 0,transparent 40%),radial-gradient(circle at bottom left,var(--c-dark-soft) 0,transparent 40%);justify-content:center;min-height:100vh;opacity:.95;padding:2rem}.auth-card{background:var(--c-surface);border-radius:var(--radius-lg);border-top:4px solid var(--c-gold);box-shadow:0 20px 40px #00000026;max-width:440px;padding:3.5rem 2.5rem;text-align:center;width:100%}.auth-card h1{color:var(--c-dark);font-size:1.75rem;margin-bottom:.5rem}.auth-card .auth-sub{color:var(--c-muted);font-size:1rem;margin-bottom:2.5rem}.auth-card form{text-align:left}.auth-card .auth-link{border-top:1px solid var(--c-border);font-size:.9rem;margin-top:2rem;padding-top:1.5rem}.auth-card .auth-link a{color:var(--c-gold-dark);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.auth-card .auth-link a:hover{color:var(--c-dark)}.auth-logo{display:block;height:auto;margin:0 auto 1.5rem;width:240px}.auth-brand-name{color:var(--c-gold-dark);font-family:var(--font-serif);font-size:1.8rem;font-weight:700;letter-spacing:.02em;margin-bottom:.5rem}.gold-divider{background:var(--c-gold);border:none;height:2px;margin:2.5rem 0;opacity:.5}::-moz-selection{background:var(--c-gold-light);color:var(--c-dark)}::selection{background:var(--c-gold-light);color:var(--c-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--c-gold)}body.print-page .app-footer,body.print-page .app-nav{display:none!important}.app-shell[data-v-28a1fddc]{display:flex;flex-direction:column;min-height:100vh}.loading-overlay[data-v-28a1fddc]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.spinner[data-v-28a1fddc]{animation:spin-28a1fddc .8s ease-in-out infinite;border-bottom:4px solid var(--c-border);border-left:4px solid var(--c-border);border-radius:50%;border-right-color:var(--c-border);border-right:4px solid var(--c-gold-light);border-top-color:var(--c-border);border-top:4px solid var(--c-gold);box-shadow:0 0 15px #b8a44e4d;height:50px;width:50px}@keyframes spin-28a1fddc{to{transform:rotate(1turn)}}