*,: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:8px;--radius-lg:16px;--radius-pill:9999px;--shadow:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--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);font-family:var(--font-sans);line-height:1.6;min-height:100vh}a{color:var(--c-gold-dark)}a,a:hover{text-decoration:none}a:hover{color:var(--c-gold)}.app-nav{background:var(--c-surface);box-shadow:0 2px 8px #00000026;height:60px;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100}.app-nav,.app-nav .logo{align-items:center;display:flex}.app-nav .logo{color:var(--c-gold-light);cursor:pointer;font-size:1.05rem;font-weight:700;gap:.75rem;letter-spacing:.02em}.app-nav .logo img{border-radius:4px;height:36px;width:auto}.app-nav .nav-left{align-items:center;display:flex;gap:1.25rem}.app-nav .nav-home{background:var(--c-dark-soft);border-radius:var(--radius);color:var(--c-bg);cursor:pointer;font-size:.88rem;font-weight:500;padding:.3rem .6rem;transition:all .2s}.app-nav .nav-home:hover{background:var(--c-gold-light);color:var(--c-dark-soft)}.app-nav .nav-actions{align-items:center;display:flex;gap:.75rem}.app-nav .nav-actions .text-muted{color:#fff9!important}.app-nav .nav-actions .btn-sm{background:transparent;border:1px solid var(--c-gold);border-radius:var(--radius-pill);color:var(--c-gold-light);font-size:.78rem;padding:.3rem .9rem;transition:all .2s}.app-nav .nav-actions .btn-sm:hover{background:var(--c-gold);color:#fff}.app-main{margin:2.5rem auto;max-width:980px;padding:0 1.5rem}.app-footer{background:var(--c-dark);color:#ffffff80;font-size:.78rem;margin-top:auto;padding:1.25rem 1rem;text-align:center}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.75rem}h1{font-size:1.6rem;font-weight:700;margin-bottom:1rem}h1,h2{color:var(--c-text);font-family:var(--font-serif)}h2{font-size:1.25rem;margin-bottom:.75rem}h2,h3{font-weight:600}h3{font-size:1rem;margin-bottom:.5rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{margin-bottom:0}.text-muted{color:var(--c-muted);font-size:.9rem}.btn,button{align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-pill);color:var(--c-text);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.4rem;justify-content:center;line-height:1.4;padding:.55rem 1.25rem;transition:all .2s ease}.btn:hover,button:hover{background:var(--c-bg);border-color:var(--c-gold)}.btn-primary,button[type=submit]{background:var(--c-gold-gradient);border:none;box-shadow:0 2px 8px #b8a44e4d;color:#fff;font-weight:600}.btn-primary:hover,button[type=submit]:hover{background:var(--c-gold-dark);box-shadow:0 4px 14px #b8a44e66;transform:translateY(-1px)}.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{border-color:var(--c-danger);color:var(--c-danger)}.btn-danger:hover{background:var(--c-danger);color:#fff}.btn-sm{font-size:.8rem;padding:.35rem .85rem}.btn-group{display:flex;flex-wrap:wrap;gap:.5rem}form{display:flex;flex-direction:column;gap:1rem}label{color:var(--c-text);font-size:.85rem;font-weight:600}input,select,textarea{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);font-size:.9rem;padding:.55rem .85rem;transition:all .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--c-gold);box-shadow:0 0 0 3px #b8a44e1f;outline:none}textarea{min-height:80px;resize:vertical}input:disabled,select:disabled,textarea:disabled{background:var(--c-bg);color:var(--c-muted);cursor:not-allowed;opacity:.6}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.list-table{border-collapse:collapse;width:100%}.list-table td,.list-table th{border-bottom:1px solid var(--c-border);padding:.75rem 1rem;text-align:left}.list-table tbody tr{cursor:pointer}.list-table tbody tr:hover{background:#fafaf5}.list-table a{color:var(--c-text);font-weight:500}.list-table a:hover{color:var(--c-gold-dark);text-decoration:none}.badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:.15rem .5rem}.badge-admin{background:#f5f0d8;color:#7a6c2e}.badge-user{background:#f0fdf4;color:#166534}.badge-active{background:#f0fdf4;color:var(--c-success)}.badge-inactive{background:#fef2f2;color:var(--c-danger)}.pagination{align-items:center;display:flex;font-size:.9rem;gap:.75rem;justify-content:center;margin-top:1.5rem}.dash-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;max-width:1200px}.dash-card{background:var(--c-gold-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .25s ease}.dash-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent);content:"";inset:0;pointer-events:none;position:absolute}.dash-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.dash-card .dash-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));font-size:2.25rem;margin-bottom:.6rem}.dash-card .dash-label{font-size:.95rem;font-weight:600;letter-spacing:.01em}.dash-card:nth-child(2n){background:var(--c-surface);border:2px solid var(--c-gold);box-shadow:var(--shadow);color:var(--c-gold-dark)}.dash-card:nth-child(2n):before{display:none}.dash-card:nth-child(2n):hover{border-color:var(--c-gold-dark);box-shadow:var(--shadow-lg)}.filter-bar{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.filter-bar select{min-width:200px;width:auto}.filter-bar label{white-space:nowrap}.empty{color:var(--c-muted);padding:2rem;text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.gap-row{gap:.5rem}.auth-page,.gap-row{align-items:center;display:flex}.auth-page{background:var(--c-dark);justify-content:center;min-height:100vh;padding:2rem}.auth-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:2.5rem 2rem;text-align:center;width:100%}.auth-card h1{color:var(--c-text);font-size:1.3rem;margin-bottom:.25rem}.auth-card .auth-sub{color:var(--c-muted);margin-bottom:1.75rem}.auth-card form{text-align:left}.auth-card .auth-link{font-size:.85rem;margin-top:1.25rem}.auth-card .auth-link a{color:var(--c-gold-dark);font-weight:500}.auth-card .auth-link a:hover{color:var(--c-gold)}.auth-logo{border-radius:var(--radius);display:block;height:auto;margin:0 auto;width:300px}.auth-brand-name{color:var(--c-gold-dark);font-family:var(--font-serif);font-size:1.4rem;font-weight:700;margin-bottom:.15rem}.gold-divider{background:var(--c-gold-gradient);border:none;border-radius:var(--radius-pill);height:3px;margin:2rem 0}::-moz-selection{background:#b8a44e33;color:var(--c-text)}::selection{background:#b8a44e33;color:var(--c-text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-gold-light);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-4a17e5d8]{display:flex;flex-direction:column;min-height:100vh}.loading-overlay[data-v-4a17e5d8]{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-4a17e5d8]{animation:spin-4a17e5d8 .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-4a17e5d8{to{transform:rotate(1turn)}}