:root{--primary: #1967f7;--offwhite: #f5f7fa;--gray-100: #e7ebf0;--gray-500: #848a97;--charcoal: #14171f;--bg: var(--offwhite);--surface: rgba(255, 255, 255, .92);--surface-solid: #ffffff;--text: var(--charcoal);--muted: rgba(20, 23, 31, .68);--primary-600: #1558d6;--primary-700: #124bb7;--ring: rgba(25, 103, 247, .35);--border: rgba(20, 23, 31, .12);--shadow: 0 22px 60px rgba(20, 23, 31, .14);--shadow-soft: 0 12px 28px rgba(20, 23, 31, .1);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--container: 1100px;--page-pad: clamp(16px, 4vw, 28px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);line-height:1.5;background:var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:2px}h1,h2,h3{letter-spacing:-.015em}p{color:var(--muted)}.page-container{max-width:var(--container);margin:0 auto;padding:0 var(--page-pad)}.page{max-width:var(--container);margin:0 auto;padding:28px var(--page-pad) 46px}.page h1,.page h2,.page h3{margin:0 0 10px;color:#0b1220}.page h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15}.page h2{font-size:clamp(1.25rem,2.8vw,1.8rem)}.auth-shell{min-height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center;padding:28px 0}.auth-card{width:min(520px,100%);background:#ffffffeb;border:1px solid rgba(15,23,42,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:26px 22px}.auth-header{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-bottom:18px}.auth-mark{width:40px;height:40px;display:grid;place-items:center;color:#020617bf}.auth-title{margin:0;font-size:1.45rem;letter-spacing:-.02em;color:#0b1220}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input,.auth-form select,.auth-form textarea{width:100%}.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-check{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:#020617c7;margin-top:2px}.auth-check input[type=checkbox]{width:18px;height:18px;margin-top:3px}.btn-block{width:100%}.auth-footer{margin-top:14px;text-align:center;font-size:.92rem;color:#020617b8}.auth-footer a{color:var(--primary)}.auth-footer a:hover{color:var(--primary-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 520px){.auth-card{padding:22px 16px}.auth-grid-2{grid-template-columns:1fr}}.navbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;color:var(--charcoal);border-bottom:1px solid var(--gray-100)}.navbar-inner{max-width:var(--container);margin:0 auto;padding:12px var(--page-pad);display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{font-weight:700;font-size:.95rem;letter-spacing:.01em;display:inline-flex;align-items:center;gap:10px}.nav-right{display:flex;align-items:center;gap:10px}.nav-user{font-size:.85rem;color:#848a97;white-space:nowrap}.nav-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;padding:9px 12px;border-radius:999px;color:#14171fdb;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--gray-100);color:#14171f}.nav-actions{display:flex;align-items:center;gap:10px}.nav-hamburger,.nav-dropdown{display:none}.card{background:#ffffffeb;border:1px solid rgba(20,23,31,.1);padding:18px;margin-bottom:14px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.card h3{margin-bottom:10px}.form label{display:block;margin-bottom:12px;font-size:.92rem;color:#020617d6}input,select,textarea{font:inherit}input,select,textarea{padding:10px 12px;border-radius:12px;border:1px solid rgba(20,23,31,.14);background:#ffffffeb;color:var(--charcoal);box-shadow:0 1px #14171f0a;min-width:0}.form input,.form select,.form textarea{width:100%;margin-top:6px}select{cursor:pointer}input::placeholder,textarea::placeholder{color:#0f172a73}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(20,23,31,.12);cursor:pointer;font-size:.92rem;font-weight:650;background:#ffffffd1;color:#14171fe6;transition:transform .05s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn.nav-hamburger{display:none}.btn:hover{background:#fffffff2;box-shadow:0 6px 16px #0206171f}.btn:active{transform:translateY(1px)}.btn[disabled],.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--primary);border-color:#1967f759;color:#fff}.btn-primary:hover{background:var(--primary-600);box-shadow:0 14px 28px #1967f738}.btn-ghost{background:transparent;border-color:#14171f1f;color:#14171fdb}.btn-ghost:hover{background:var(--gray-100);box-shadow:none}.navbar .btn-ghost{padding:9px 12px}.btn-link{background:transparent;border-color:transparent;color:var(--primary);padding:8px 0;font-weight:650}.btn-link:hover{background:transparent;box-shadow:none;color:var(--primary-600)}.btn-sm{padding:7px 10px;border-radius:999px;font-size:.78rem}.alert{margin-bottom:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(220,38,38,.25);background:#fee2e2e6;color:#991b1b;font-size:.88rem}.alert-success{border-color:#16a34a40;background:#dcfce7e6;color:#166534}.table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:8px;background:#fff}.table th,.table td{padding:10px;border-bottom:1px solid rgba(15,23,42,.08);vertical-align:middle;text-align:left}.table thead tr{background:#0f172a0a;font-weight:650}.table.clickable tbody tr{cursor:pointer}.table.clickable tbody tr:hover{background:#0f172a08}.selected-row{background:#1967f71a}.row{display:flex;align-items:center}.row.space-between{display:flex;justify-content:space-between;align-items:center}.filters{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.landing-hero{border:1px solid rgba(20,23,31,.1)}.landing-badge{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:var(--gray-100);color:#14171fcc;font-size:.85rem;font-weight:750;margin-bottom:10px}.landing-callout{margin-top:12px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid rgba(25,103,247,.22);color:#14171fe0}.landing-footer{margin-top:12px;font-size:.92rem;color:#14171fb8}.landing-footer a{color:var(--primary);font-weight:750}.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.landing-steps,.landing-list{margin:10px 0 0;padding-left:18px;color:#14171fc7}.landing-steps li,.landing-list li{margin:6px 0}@media (max-width: 820px){.landing-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:flex;align-items:center;justify-content:center;z-index:60;padding:18px}.modal{background:#fffffff5;border:1px solid rgba(15,23,42,.12);padding:18px;border-radius:var(--radius-lg);width:min(560px,calc(100vw - 36px));max-height:min(82vh,760px);overflow:auto;box-shadow:var(--shadow)}.modal-header{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.modal-title{margin:0;color:#0b1220;font-size:1.15rem;letter-spacing:-.02em}.modal-subtitle{margin:0;color:#14171fb8;font-size:.92rem}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.modal-message{padding:12px;border-radius:14px;border:1px solid rgba(25,103,247,.22);background:#1967f70f;color:#14171fe0}.modal-message-success{border-color:#16a34a40;background:#dcfce7e6;color:#166534}.modal-message-error{border-color:#dc262640;background:#fee2e2e6;color:#991b1b}@media (max-width: 820px){.nav-user{display:none}}@media (max-width: 640px){.page{padding-top:18px}.row.space-between{flex-wrap:wrap;align-items:flex-start;gap:10px}.navbar-inner{padding:10px var(--page-pad)}.nav-right.nav-right-public{display:flex}.nav-hamburger{display:inline-flex}.nav-right{display:none}.btn.nav-hamburger{display:inline-flex;padding:10px 12px;min-width:44px}.nav-dropdown{display:block;padding:10px var(--page-pad) 14px;border-top:1px solid var(--gray-100);background:#fffffffa}.nav-dropdown-user{font-size:.88rem;opacity:.9;margin-bottom:8px}.nav-dropdown-links{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.nav-link{width:100%;justify-content:flex-start;padding:12px}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:.85rem}.table th,.table td{padding:9px 10px}.card{padding:16px 14px;border-radius:16px}}.row-green{background-color:#e6ffed}.row-yellow{background-color:#ffe9cc}.row-red{background-color:#ffe6e6}.table tbody tr.row-green:hover{background-color:#d9f7e0}.table tbody tr.row-yellow:hover{background-color:#ffdfb3}.table tbody tr.row-red:hover{background-color:#ffd6d6}.admin-hero{text-align:center;margin:6px 0 18px}.admin-hero h1{margin:0}.admin-hero p{margin:8px 0 0;color:#0f172ab3}.admin-panel{background:var(--gray-100);border:1px solid rgba(20,23,31,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:visible}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#fffffff5;border-bottom:1px solid rgba(20,23,31,.1);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.admin-toolbar-left,.admin-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.field-search{min-width:260px}.field-date{position:relative}.field-btn{border:none;background:transparent;padding:0;color:#020617db;font-weight:650;cursor:pointer}.field-btn:focus-visible{outline:none}.date-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:200;width:min(420px,calc(100vw - 32px));background:#fffffffa;border:1px solid rgba(20,23,31,.14);border-radius:16px;box-shadow:var(--shadow);padding:12px}.date-popover-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-popover label{font-size:.85rem;color:#020617c7}.date-popover label input{width:100%;margin-top:6px}.date-popover-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}@media (max-width: 980px){.admin-toolbar,.admin-toolbar-left,.admin-toolbar-right{flex-wrap:wrap}}.field{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(20,23,31,.14);background:#fffffffa;border-radius:999px}.field input,.field select{border:none;background:transparent;padding:0;box-shadow:none}.field input:focus-visible,.field select:focus-visible{outline:none}.field .icon{opacity:1;display:inline-flex;color:var(--primary)}.table-wrap{width:100%;background:#fff;overflow:hidden;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.admin-table thead th{background:var(--primary);color:#fff;font-weight:750;font-size:.82rem;padding:10px 12px}.admin-table tbody td{padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08);vertical-align:middle;color:#020617e6}.admin-table tbody tr:hover{background:#0f172a05}.user-cell{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:30px;height:30px;border-radius:999px;background:#e7ebf0f5;border:1px solid rgba(25,103,247,.22);display:grid;place-items:center;font-weight:900;color:#14171feb;flex:0 0 auto}.user-meta{min-width:0}.user-name{font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-sub{font-size:.82rem;color:#0f172aa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-weight:750;font-size:.78rem;border:1px solid transparent}.pill-green{background:#22c55e29;color:#166534;border-color:#22c55e33}.pill-gray{background:#64748b24;color:#334155;border-color:#64748b2e}.pill-red{background:#ef444424;color:#991b1b;border-color:#ef44442e}.actions{display:inline-flex;align-items:center;gap:8px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.pagination-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-pill{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(15,23,42,.12);background:#ffffffd9;color:#020617db;cursor:pointer}.page-pill.active{background:var(--primary);color:#f5f7fafa;border-color:#1967f759}.page-pill[disabled]{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.admin-hero{text-align:left}.admin-table{min-width:680px}}.accounts-list{display:flex;flex-direction:column;gap:.5rem}.account-item{border:1px solid #e5e7eb;border-radius:.6rem;padding:.6rem .7rem}.account-active{background:#e6ffed}.account-inactive{background:#ffe6e6}.status-pill{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;font-weight:600}.status-pill-active{background:#16a34a;color:#fff}.status-pill-inactive{background:#dc2626;color:#fff}