@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--page:#f6f2e9;--panel:#fffaf1db;--panel-strong:#fffaf1f5;--sidebar:linear-gradient(180deg, #15332d 0%, #0e2320 100%);--text:#1d231f;--muted:#5d655f;--muted-strong:#3d443f;--line:#1d231f1a;--line-strong:#1d231f2e;--accent:#c48b34;--good:#0d7d56;--good-soft:#0d7d5624;--warn:#a05c00;--warn-soft:#a05c0024;--bad:#9c2f25;--bad-soft:#9c2f2524;--info:#225d9f;--info-soft:#225d9f24;--shadow:0 18px 48px #12201c24;--radius-lg:28px;--radius-md:18px;--body-font:"IBM Plex Sans", "Segoe UI", sans-serif;--heading-font:"Space Grotesk", "IBM Plex Sans", sans-serif;--mono-font:"IBM Plex Sans", ui-monospace, monospace;color:var(--text);background:radial-gradient(circle at top left, #c48b341f, transparent 32%), radial-gradient(circle at bottom right, #15332d2e, transparent 28%), var(--page);font-family:var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}.admin-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#eff4ef;background:var(--sidebar);flex-direction:column;justify-content:space-between;gap:2rem;min-height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.sidebar-top{gap:2rem;display:grid}.brand-lockup{align-items:center;gap:1rem;display:flex}.brand-lockup h1{font-family:var(--heading-font);font-size:1.45rem;line-height:1.05}.brand-mark{color:#15332d;width:3rem;height:3rem;font-family:var(--heading-font);letter-spacing:.04em;background:linear-gradient(135deg,#f7d488 0%,#b37b28 100%);border-radius:1rem;place-items:center;font-weight:700;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.76rem;font-weight:700}.admin-sidebar .eyebrow{color:#eff4efad}.primary-nav{gap:.5rem;display:grid}.nav-link{color:#eff4efc7;border-radius:1rem;padding:.95rem 1rem;transition:background-color .16s,color .16s,transform .16s;display:block}.nav-link:hover,.nav-link-active{color:#fff;background:#ffffff14;transform:translate(3px)}.admin-sidebar-footer{gap:1rem;display:grid}.admin-identity{background:#ffffff14;border-radius:1rem;padding:1rem}.admin-identity p{font-weight:600}.admin-identity span{color:#eff4efb8;word-break:break-word;margin-top:.35rem;display:block}.admin-main{padding:2rem}.page{gap:1.5rem;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header h2{font-family:var(--heading-font);letter-spacing:-.04em;font-size:clamp(2rem,3vw,2.8rem);line-height:.95}.page-header p{color:var(--muted);max-width:52rem}.panel{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel-pad{padding:1.35rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-input,.auth-input{border:1px solid var(--line-strong);width:min(100%,24rem);color:var(--text);background:#ffffffeb;border-radius:999px;outline:none;padding:.95rem 1rem;transition:border-color .16s,box-shadow .16s}.search-input:focus,.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #c48b3424}.button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:2.9rem;padding:0 1.1rem;font-weight:600;transition:transform .16s,opacity .16s,background-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button-full{width:100%}.button-primary{color:#142a26;background:linear-gradient(135deg,#f2c972 0%,#be8224 100%)}.button-secondary{color:var(--text);border:1px solid var(--line);background:#ffffffdb}.button-success{color:#effff9;background:linear-gradient(135deg,#168f65 0%,#0d6a4d 100%)}.button-warning{color:#402000;background:linear-gradient(135deg,#f0c16c 0%,#d68b19 100%)}.button-danger{color:#fff;background:linear-gradient(135deg,#b64136 0%,#8a251c 100%)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--line);background:#fffc;gap:.35rem;padding:1.2rem;display:grid}.stat-card strong{font-family:var(--heading-font);font-size:2rem}.stat-card span{color:var(--muted);font-size:.95rem}.table-shell{overflow:hidden}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:860px}.data-table th,.data-table td{vertical-align:top;text-align:left;border-bottom:1px solid var(--line);padding:1rem}.data-table th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:700}.data-table tr:last-child td{border-bottom:0}.preview-cell{align-items:center;gap:.85rem;min-width:220px;display:flex}.preview-image,.avatar-image{object-fit:cover;border:1px solid var(--line);background:#15332d14;border-radius:16px;width:56px;height:56px}.avatar-image{border-radius:50%}.meta-title{color:var(--text);font-weight:700}.meta-subtitle,.meta-copy,.table-muted{color:var(--muted);font-size:.95rem}.table-muted{margin-top:.35rem;display:block}.action-stack{flex-wrap:wrap;gap:.55rem;display:flex}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:1.8rem;padding:0 .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-default{color:var(--muted-strong);background:#1d231f14}.badge-good{color:var(--good);background:var(--good-soft)}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-bad{color:var(--bad);background:var(--bad-soft)}.badge-info{color:var(--info);background:var(--info-soft)}.empty-state,.loading-state{border-radius:var(--radius-md);background:#ffffff8a;border:1px dashed #1d231f2e;justify-items:start;gap:.45rem;padding:1.4rem;display:grid}.empty-state h3,.loading-state h3,.modal-card h3,.auth-card h1{font-family:var(--heading-font)}.error-note{color:var(--bad);font-size:.94rem}.toast-stack{z-index:30;gap:.75rem;display:grid;position:fixed;bottom:1.25rem;right:1.25rem}.toast{width:min(24rem,100vw - 2rem);box-shadow:var(--shadow);border:1px solid var(--line);background:var(--panel-strong);border-radius:1rem;padding:1rem 1.1rem}.toast strong{margin-bottom:.2rem;display:block}.toast-good{border-color:#0d7d5638}.toast-bad{border-color:#9c2f2538}.toast-info{border-color:#225d9f38}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b110f8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);width:min(34rem,100%);box-shadow:var(--shadow);background:#fffaf1;border-radius:1.4rem;gap:1rem;padding:1.4rem;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.auth-screen{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);width:min(28rem,100%);box-shadow:var(--shadow);border-radius:1.8rem;gap:1rem;padding:2rem;display:grid}.auth-card-wide{width:min(36rem,100%)}.auth-form{gap:.9rem;display:grid}.auth-label{color:var(--muted-strong);gap:.4rem;font-size:.95rem;display:grid}.auth-detail{color:var(--muted);line-height:1.6}.queue-meta{flex-wrap:wrap;gap:.5rem;display:flex}.mini-chip{min-height:1.7rem;color:var(--muted-strong);background:#1d231f0f;border-radius:999px;align-items:center;padding:0 .65rem;font-size:.82rem;display:inline-flex}.mono{font-family:var(--mono-font)}@media (width<=1080px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;min-height:auto;position:static}}@media (width<=760px){.admin-main{padding:1.25rem}.page-header{flex-direction:column}.toolbar{align-items:stretch}.toolbar-left,.toolbar-right,.search-input,.auth-input{width:100%}.data-table{min-width:720px}}
