:root{--radius: .625rem;--background: oklch(.96 .0054 297.72);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-secondary: oklch(.934 .226 121.946);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.961 0 89.876);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);color:var(--foreground);background:var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--background)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);height:100vh;overflow:hidden;background:var(--background)}.sidebar{display:flex;flex-direction:column;gap:24px;margin:16px 0 16px 16px;max-height:calc(100vh - 32px);overflow-y:auto;border:1px solid var(--border);border-radius:calc(var(--radius) + 18px);padding:18px;background:var(--card);color:var(--foreground);box-shadow:0 20px 60px #0000000f}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:18px;background:var(--primary);color:var(--primary-foreground);font-weight:800}.brand strong,.brand span,.topbar strong,.topbar span{display:block}.brand span,.muted{color:var(--muted-foreground);font-size:13px}.nav{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:18px;color:color-mix(in oklch,var(--foreground) 64%,transparent);text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-link.active,.nav-link:hover{background:var(--card);color:var(--foreground);box-shadow:0 10px 30px #0000000f}.nav-link:hover{transform:translateY(-1px)}.main-column{display:flex;min-width:0;min-height:0;flex-direction:column}.topbar{display:flex;min-height:78px;align-items:center;justify-content:space-between;margin:16px 16px 0;border:1px solid var(--border);border-radius:calc(var(--radius) + 18px);padding:0 22px;background:color-mix(in oklch,var(--card) 92%,transparent);box-shadow:0 20px 60px #0000000d}.content{flex:1;min-height:0;overflow-y:auto;padding:26px 16px 32px}.page{display:grid;gap:22px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page h1,.page h2{margin:0;letter-spacing:0}.page h1{font-size:32px;font-weight:800}.page h2{font-size:18px}.page p{margin:6px 0 0;color:var(--muted-foreground)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.stat-card,.notice,.section-block,.empty-state,.error-state{border:1px solid var(--border);border-radius:calc(var(--radius) + 18px);background:var(--card);box-shadow:0 18px 50px #0000000b}.stat-card{display:grid;gap:10px;padding:20px}.stat-card span{color:var(--muted-foreground);font-size:13px}.stat-card strong{font-size:28px}.notice{display:grid;gap:6px;max-width:760px;padding:18px}.notice span{color:var(--muted-foreground)}.section-block{display:grid;gap:14px;padding:20px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:calc(var(--radius) + 14px);background:var(--card)}table{width:100%;min-width:760px;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:14px 16px;text-align:left;vertical-align:middle}th{background:var(--muted);color:var(--muted-foreground);font-size:12px;font-weight:700;text-transform:uppercase}tr:last-child td{border-bottom:0}.truncate{display:block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.primary-button,.ghost-button,.danger-button,.icon-button{min-height:38px;border-radius:999px;border:1px solid transparent;padding:0 14px;font-weight:700;transition:background .16s ease,border-color .16s ease,transform .16s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button{background:var(--primary);color:var(--primary-foreground)}.ghost-button{border-color:var(--border);background:var(--card);color:var(--foreground)}.danger-button{border-color:color-mix(in oklch,var(--destructive) 28%,var(--border));background:color-mix(in oklch,var(--destructive) 8%,var(--card));color:var(--destructive)}.icon-button{display:grid;width:40px;padding:0;place-items:center;border-color:var(--border);background:var(--card);color:var(--foreground)}.badge{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;padding:0 10px;font-size:12px;font-weight:700}.badge-green{background:color-mix(in oklch,var(--primary-secondary) 42%,var(--card));color:color-mix(in oklch,var(--foreground) 70%,green)}.badge-gray{background:var(--muted);color:var(--muted-foreground)}.badge-red{background:color-mix(in oklch,var(--destructive) 12%,var(--card));color:var(--destructive)}.badge-blue{background:#e2efff;color:#215f9e}.badge-amber{background:#fff1c7;color:#7a5100}.inline-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) auto auto;gap:10px;align-items:center}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,260px);gap:10px;align-items:center}input,select,textarea{min-height:52px;width:100%;border:1px solid var(--input);border-radius:999px;padding:0 16px;background:transparent;color:var(--foreground)}textarea{min-height:120px;resize:vertical;border-radius:calc(var(--radius) + 10px);padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:var(--ring);outline:3px solid color-mix(in oklch,var(--ring) 24%,transparent)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-foreground);font-size:13px}.inline-error,.form-error{color:var(--destructive);font-size:13px}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--background)}.login-card{display:grid;width:min(420px,100%);gap:16px;border:1px solid var(--border);border-radius:calc(var(--radius) + 22px);padding:30px;background:var(--card);box-shadow:0 24px 80px #00000014}.login-card h1{margin:0;font-size:28px}.login-card label{display:grid;gap:7px;color:#465044;font-size:14px;font-weight:700}.turnstile-block{display:grid;gap:8px;color:#5d695d;font-size:13px}.turnstile-container{min-height:70px}.turnstile-container .cf-turnstile,.turnstile-container iframe{width:100%!important}.login-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:18px;background:var(--primary-secondary);color:var(--foreground)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0000005c}.modal{display:grid;width:min(520px,100%);gap:18px;border:1px solid var(--border);border-radius:calc(var(--radius) + 18px);padding:22px;background:var(--card);box-shadow:0 24px 90px #0003}.modal h2{margin:0;font-size:20px}.modal p{margin:6px 0 0;color:var(--muted-foreground)}.modal label{display:grid;gap:8px;font-size:14px;font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:flex;justify-content:flex-end;background:#00000042}.detail-drawer{display:flex;width:min(560px,100%);height:100vh;flex-direction:column;gap:18px;overflow-y:auto;border-left:1px solid var(--border);padding:22px;background:var(--card);box-shadow:-24px 0 80px #00000024}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.drawer-header h2,.drawer-section h3{margin:0}.detail-grid{display:grid;gap:10px}.detail-item{display:grid;gap:4px;border:1px solid var(--border);border-radius:calc(var(--radius) + 10px);padding:12px;background:var(--muted)}.detail-item span,.audit-item span{color:var(--muted-foreground);font-size:12px}.detail-item strong{overflow-wrap:anywhere}.drawer-section,.audit-list{display:grid;gap:10px}.audit-item{display:grid;gap:4px;border-bottom:1px solid var(--border);padding-bottom:10px}.toast{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;max-width:min(420px,calc(100vw - 36px));align-items:center;gap:12px;border:1px solid var(--border);border-radius:calc(var(--radius) + 14px);padding:12px;background:var(--card);box-shadow:0 24px 70px #00000029;font-weight:700}.toast-success{border-color:color-mix(in oklch,var(--primary-secondary) 60%,var(--border))}.toast-error{border-color:color-mix(in oklch,var(--destructive) 40%,var(--border));color:var(--destructive)}.center-state,.empty-state,.error-state{display:grid;gap:10px;place-items:center;padding:36px;color:var(--muted-foreground)}.error-state{border-color:color-mix(in oklch,var(--destructive) 28%,var(--border));color:var(--destructive)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{position:static;max-height:none;overflow:visible;padding:14px}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-link{justify-content:center;font-size:0}.content{overflow:visible;padding:18px}.stats-grid,.toolbar,.inline-form{grid-template-columns:1fr}.pagination{align-items:flex-start;flex-direction:column}.drawer-backdrop{align-items:stretch}.detail-drawer{width:100%}}
