*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-indigo:#6c4fe0;--primary-light:#8b72f0;--primary-pale:#f0ecff;--text-indigo:#4e35b1;--cream:#faf7f2;--stone:#f0ede6;--sand:#e4dfd5;--charcoal:#2a2622;--text-mid:#6b6158;--text-light:#9a9083;--deep:#151020;--indigo-dark:#1e1538;--success:#34b87a;--warning:#d4a023;--error:#c75b4a;--radius:8px;--shadow:0 1px 3px #1510200f}body{background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;font-family:DM Sans,Calibri,Segoe UI,system-ui,sans-serif;line-height:1.5}h1,h2,h3{font-family:Syne,Century Gothic,Poppins,sans-serif;font-weight:700}.login-container{background:linear-gradient(135deg, var(--deep), var(--indigo-dark));justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 8px 32px #15102026}.login-brand{text-align:center;margin-bottom:2rem}.login-hint{color:var(--text-mid);margin-bottom:1rem;font-size:.875rem}.login-card label{color:var(--charcoal);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.login-card input{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;outline:none;width:100%;margin-bottom:1rem;padding:.625rem .75rem;font-size:.9375rem;transition:border-color .15s}.login-card input:focus{border-color:var(--primary-indigo);box-shadow:0 0 0 3px var(--primary-pale)}.login-card .btn{width:100%;margin-top:.25rem}.btn{border:1px solid var(--sand);border-radius:var(--radius);cursor:pointer;color:var(--charcoal);background:#fff;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:DM Sans,Calibri,Segoe UI,system-ui,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-indigo);color:#fff;border-color:var(--primary-indigo)}.btn-primary:hover:not(:disabled){background:var(--text-indigo);border-color:var(--text-indigo)}.btn-secondary{color:var(--charcoal);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--stone)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{padding:.3125rem .625rem;font-size:.8125rem}.btn-icon{justify-content:center;align-items:center;padding:.3125rem .5rem;display:inline-flex}.btn-link{color:var(--primary-indigo);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:.25rem;font-size:.875rem}.btn-link:hover{color:var(--text-indigo);text-decoration:underline}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--deep);color:#fff;flex-direction:column;flex-shrink:0;width:220px;padding:1.5rem 0;display:flex}.sidebar-brand{margin-bottom:2rem;padding:0 1.25rem}.sidebar nav{flex-direction:column;flex:1;gap:.125rem;display:flex}.sidebar .nav-link{color:#fff9;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:#6c4fe033}.sidebar .nav-link.active{border-left:3px solid var(--primary-light);padding-left:calc(1.25rem - 3px)}.sidebar-logout{color:#fff9;background:0 0;border-color:#ffffff26;margin:1rem 1.25rem 0}.sidebar-logout:hover{color:#fff;background:#ffffff1a!important}.admin-main{flex:1;padding:2rem;overflow-y:auto}.client-layout{min-height:100vh}.client-header{border-bottom:1px solid var(--sand);background:#fff;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.header-left{align-items:center;gap:1.5rem;display:flex}.header-left .brand{align-items:center;text-decoration:none;display:inline-flex}.header-left .nav-link{color:var(--text-mid);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.header-left .nav-link:hover{color:var(--primary-indigo)}.header-right{align-items:center;gap:1rem;display:flex}.header-user{color:var(--text-mid);font-size:.875rem}.client-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-container{max-width:1120px}.data-table td.actions-cell{white-space:nowrap}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1rem;display:flex}.section-header h2{font-size:1.125rem}.card{border:1px solid var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:1rem;padding:1.25rem}.card h2{margin-bottom:.75rem;font-size:1rem}.reports-grid{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.report-card{border:1px solid var(--sand);border-radius:var(--radius);width:320px;box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.report-card:hover{border-color:var(--primary-indigo);box-shadow:0 2px 8px #6c4fe01a}.report-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.report-card h3{font-size:1rem}.report-date{color:var(--text-mid);font-size:.8125rem}.data-table{border-collapse:collapse;border:1px solid var(--sand);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#fff;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--sand);padding:.625rem .75rem;font-size:.875rem}.data-table th{background:var(--stone);color:var(--text-mid);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.data-table tbody tr:last-child td{border-bottom:none}.data-table.clickable tbody tr{cursor:pointer;transition:background .1s}.data-table.clickable tbody tr:hover{background:var(--cream)}.row-disabled{opacity:.5}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-new{background:var(--primary-pale);color:var(--primary-indigo)}.status-badge{border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-active,.status-published{color:var(--success);background:#e8f7ef}.status-disabled{color:var(--error);background:#fbeae7}.status-pending{color:var(--warning);background:#fdf5e0}.inline-form{align-items:flex-end;gap:.5rem;display:flex}.inline-form input{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;outline:none;flex:1;padding:.5rem .75rem;font-size:.875rem}.inline-form input:focus{border-color:var(--primary-indigo);box-shadow:0 0 0 3px var(--primary-pale)}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid label{color:var(--text-mid);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.form-grid input,.form-grid select{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem}.form-grid input:focus,.form-grid select:focus{border-color:var(--primary-indigo);box-shadow:0 0 0 3px var(--primary-pale)}.form-actions{grid-column:1/-1}.form-stack{flex-direction:column;gap:1rem;max-width:500px;display:flex}.form-stack label{color:var(--text-mid);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.form-stack input,.form-stack select{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem}.form-stack input:focus,.form-stack select:focus{border-color:var(--primary-indigo);box-shadow:0 0 0 3px var(--primary-pale)}.checkbox-label{cursor:pointer;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--primary-indigo);margin:0 4px 0 0}.field-hint{color:var(--text-light);margin-top:.25rem;font-size:.75rem;display:block}.radio-group{gap:1.25rem;margin-top:.25rem;display:flex}.radio-label{cursor:pointer;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.radio-label input[type=radio]{width:auto;accent-color:var(--primary-indigo);margin:0 4px 0 0}.user-checkboxes{border:1px solid var(--sand);border-radius:var(--radius);background:var(--stone);flex-direction:column;gap:.5rem;max-height:200px;margin-top:.75rem;padding:.75rem;display:flex;overflow-y:auto}.filters{margin-bottom:1rem}.filters select{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;outline:none;padding:.4375rem .75rem;font-size:.875rem}.views-link{color:var(--primary-indigo);cursor:pointer;font-weight:500}.views-link:hover{color:var(--text-indigo);text-decoration:underline}.inline-actions{align-items:center;gap:.5rem;display:flex}.report-viewer{flex-direction:column;height:calc(100vh - 53px);margin:-2rem -1.5rem;display:flex}.viewer-toolbar{border-bottom:1px solid var(--sand);background:#fff;padding:.625rem 1rem}.modal-overlay{z-index:100;background:#15102080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 8px 32px #15102033}.modal p{margin-bottom:1.25rem;font-size:.9375rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.deleted-section{margin-top:1.5rem}.deleted-section-toggle{color:var(--text-mid);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.875rem;font-weight:600;display:inline-flex}.deleted-section-toggle:hover{color:var(--charcoal)}.deleted-table{opacity:.65;margin-top:.5rem}.modal h2{margin-bottom:.75rem;font-size:1.125rem}.modal input{border:1px solid var(--sand);border-radius:var(--radius);outline:none;width:100%;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem}.modal input:focus{border-color:var(--primary-indigo);box-shadow:0 0 0 3px var(--primary-pale)}.spinner{border:2.5px solid var(--sand);border-top-color:var(--primary-indigo);border-radius:50%;width:24px;height:24px;margin:3rem auto;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--error);border-radius:var(--radius);background:#fbeae7;margin-bottom:1rem;padding:.625rem .75rem;font-size:.875rem}.success{color:var(--success);border-radius:var(--radius);background:#e8f7ef;margin-bottom:1rem;padding:.625rem .75rem;font-size:.875rem}.error-page{text-align:center;color:var(--text-mid);padding:3rem}.empty-state{text-align:center;color:var(--text-mid);padding:4rem 2rem}.empty-state h2{color:var(--charcoal);margin-bottom:.5rem}.text-muted{color:var(--text-mid);font-size:.875rem}code{background:var(--stone);border-radius:4px;padding:.125rem .375rem;font-size:.8125rem}@media (width<=768px){.admin-layout{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;gap:.5rem;width:100%;padding:1rem}.sidebar-brand{margin-bottom:0;padding:0}.sidebar nav{flex-direction:row;gap:0}.sidebar .nav-link.active{border-left:none;border-bottom:2px solid var(--primary-light);padding-left:1.25rem}.sidebar-logout{margin:0 0 0 auto}.admin-main{padding:1rem}.client-header{flex-wrap:wrap;gap:.5rem}.form-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.data-table{font-size:.8125rem}.reports-grid{grid-template-columns:1fr}}