:root{color-scheme:light;--bg: #fafbfc;--surface: #ffffff;--surface-soft: #f1f2f5;--surface-muted: #e8ecf2;--text: #1a2030;--text-muted: #7c8499;--border: #e2e5eb;--golden: #e2a000;--golden-hover: #e2a000;--golden-soft: rgba(226, 160, 0, .12);--golden-foreground: #10172a;--navy: #001e3c;--sidebar-accent: #0b2d52;--ring: rgba(0, 30, 60, .2);--danger: #dc2626;--shadow: 0 20px 70px rgba(16, 23, 42, .11);--golden-shadow: 0 18px 45px rgba(226, 160, 0, .2);--radius: 10px;font-family:Outfit,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:DM Sans,Outfit,system-ui,sans-serif;font-weight:600}button,input{font:inherit}button{cursor:pointer}.boot-screen,.auth-page,.admin-shell{min-height:100vh}.boot-screen{display:grid;place-items:center;gap:12px;color:var(--text-muted)}.spin{animation:spin .9s linear infinite}.auth-page{display:grid;place-items:center;padding:48px;background:linear-gradient(135deg,rgba(0,30,60,.16),transparent 38%),linear-gradient(315deg,rgba(226,160,0,.18),transparent 40%),var(--bg)}.empty-icon{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:var(--golden);color:var(--navy);box-shadow:var(--golden-shadow)}.eyebrow{margin:0 0 10px;color:var(--golden-hover);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.auth-panel{width:100%;max-width:430px;padding:28px;border:1px solid var(--border);border-radius:18px;background:#ffffffeb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-panel-header{display:flex;gap:14px;align-items:center;margin-bottom:26px}.auth-panel-header svg{color:var(--golden-hover)}.auth-panel-header h2{margin:0;font-size:1.4rem;letter-spacing:-.02em}.auth-panel-header p{margin:4px 0 0;color:var(--text-muted)}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:8px}.auth-form span{color:var(--text);font-size:.9rem;font-weight:500}.auth-form input{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.auth-form input{height:48px;padding:0 14px}.auth-form input:focus{border-color:var(--navy);box-shadow:0 0 0 4px var(--ring)}.form-error{margin:0;color:var(--danger);font-size:.9rem;line-height:1.45}.form-success{margin:0;padding:12px 14px;border:1px solid rgba(34,197,94,.22);border-radius:var(--radius);background:#22c55e14;color:#166534;font-size:.92rem;line-height:1.45}.primary-button,.secondary-button,.logout-button,.icon-button,.tool-link{border:0;border-radius:var(--radius);transition:all .2s ease}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:500}.primary-button{background:var(--golden);color:var(--golden-foreground);box-shadow:0 12px 28px #e2a0003d}.primary-button:hover{background:var(--golden-hover);filter:brightness(.96);box-shadow:0 15px 34px #e2a00047}.primary-button:disabled{cursor:not-allowed;opacity:.72}.secondary-button{min-height:34px;padding:0 12px;background:var(--surface-soft);color:var(--navy);font-size:.88rem;font-weight:600}.secondary-button:hover{background:var(--surface-muted)}.admin-shell{display:flex;height:100vh;background:var(--bg)}.sidebar{position:static;display:flex;flex-direction:column;flex:0 0 256px;width:256px;height:100vh;border-right:1px solid rgba(255,255,255,.12);background:var(--navy);color:#fff;transition:all .3s ease}.sidebar-brand{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:88px;padding:16px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand img{display:block;width:auto;max-width:100%;height:56px;object-fit:contain}.tool-nav{display:grid;gap:18px;flex:1;align-content:start;padding:16px;overflow-y:auto}.tool-category{display:grid;gap:8px}.tool-category p{margin:0 0 5px;color:#ffffff8f;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.tool-link{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:10px 12px;border-radius:var(--radius);background:transparent;color:#ffffffb3;text-align:left;font-weight:500}.tool-link:hover{background:var(--sidebar-accent);color:#fff}.tool-link.active{background:var(--golden);color:var(--golden-foreground);box-shadow:0 8px 18px #0000002e}.tool-link svg{width:20px;height:20px;flex:0 0 auto}.tool-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:16px;border-top:1px solid rgba(255,255,255,.12)}.workspace{flex:1;min-width:0;height:100vh;padding:24px;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px}.topbar-actions{display:flex;align-items:center;gap:12px;flex:0 1 620px;justify-content:flex-end}.search-field{position:relative;flex:1 1 380px;min-width:260px}.search-field span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.search-field input{width:100%;height:46px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none}.search-field input:focus{border-color:var(--navy);box-shadow:0 0 0 4px var(--ring)}.page-title h1,.page-title p{margin:0}.page-title h1{font-size:1.8rem;letter-spacing:-.02em}.page-title p{margin-top:3px;color:var(--text-muted);font-size:.88rem;font-weight:500}.user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;color:#ffffffbd;font-size:.92rem}.logout-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#ffffffbd}.icon-button{display:grid;place-items:center;width:38px;height:38px;padding:0;background:var(--surface-soft);color:var(--navy)}.icon-button:hover{background:var(--surface-muted)}.icon-button:disabled{cursor:not-allowed;opacity:.7}.content-surface{display:grid;place-items:center;flex:1;min-height:0;margin-top:20px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#ffffffb8,#ffffffeb),var(--surface);box-shadow:0 1px 2px #10172a0a;overflow:auto}.users-surface{display:block;width:100%;padding:24px}.refresh-button{flex:0 0 auto;background:var(--golden);color:var(--golden-foreground);box-shadow:none}.refresh-button:hover{background:var(--golden);filter:none;box-shadow:none}.users-error{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(220,38,38,.18);border-radius:var(--radius);background:#dc262612;color:var(--danger);font-size:.92rem;line-height:1.45}.users-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;color:var(--text-muted);font-weight:500}.users-table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.users-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.users-pagination-meta{color:var(--text-muted);font-size:.88rem;font-weight:500}.users-pagination-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.users-pagination .primary-button,.users-pagination .secondary-button{min-height:34px}.users-pagination-icon{width:38px;padding:0}.users-pagination .primary-button{box-shadow:none}.users-page-select{display:inline-flex;align-items:center;gap:8px;padding:0 10px;min-height:34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--navy);font-size:.88rem;font-weight:500}.users-page-select select{border:0;background:transparent;color:inherit;font:inherit;outline:none;padding:6px 2px}.users-page-select:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px var(--ring)}.users-table{width:100%;min-width:840px;border-collapse:collapse;table-layout:fixed}.users-table th,.users-table td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.users-table th{background:var(--surface-soft);color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}.users-table td{overflow:hidden;color:var(--text);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.users-table tr:last-child td{border-bottom:0}.users-table-row{cursor:pointer}.users-table-row:hover td,.users-table-row:focus td{background:var(--surface-soft)}.users-table-row.active-row td{background:var(--golden-soft)}.users-table-row:focus{outline:2px solid var(--ring);outline-offset:-2px}.row-loading{display:inline-flex;align-items:center;gap:8px;min-width:0}.user-info-page{min-height:calc(100vh - 138px);place-items:stretch}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--text-muted);font-size:.88rem;font-weight:500}.breadcrumbs button{border:0;background:transparent;color:var(--navy);font-weight:600;padding:0}.breadcrumbs button:hover{color:var(--golden-hover)}.user-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.user-info-header h2{margin:0;overflow-wrap:anywhere;font-size:1.45rem;letter-spacing:0}.user-info-content{display:grid;gap:12px;padding-top:20px}.detail-inline{display:grid;gap:10px}.detail-inline-title{margin:0;font-size:1rem}.detail-empty-inline{margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.usage-cards-stack{display:grid;gap:12px}.usage-bar-card{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.usage-bar-caption{margin:0 0 10px;font-size:.82rem;font-weight:600;color:var(--text-muted)}.usage-meter-numbers{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-bottom:10px;font-size:.95rem;color:var(--text)}.usage-meter-numbers strong{font-weight:700;font-variant-numeric:tabular-nums}.usage-meter-sep{color:var(--text-muted);font-weight:500}.usage-meter-track{width:100%;height:12px;border-radius:999px;background:var(--surface-soft);overflow:hidden;display:block;box-sizing:border-box}.usage-meter-fill{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--golden) 0%,#f0bb2c 100%);transform-origin:left center;transition:transform .24s ease;box-sizing:border-box}.user-info-loading{min-height:300px}.detail-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.detail-section summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;color:var(--text);font-weight:600;list-style:none;cursor:pointer}.detail-section summary::-webkit-details-marker{display:none}.detail-section summary svg{color:var(--text-muted);transition:transform .16s ease}.detail-section[open] summary svg{transform:rotate(90deg)}.detail-section summary strong{display:grid;place-items:center;min-width:28px;height:24px;margin-left:auto;border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:.78rem}.detail-stack{display:grid;gap:12px;padding:0 14px 14px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;margin:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.detail-grid div{min-width:0;padding:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.detail-grid dt{margin:0 0 6px;color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase}.detail-grid dd{margin:0;overflow:hidden;color:var(--text);font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.detail-external-inline-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:underline;text-underline-offset:2px}.mail-link-wrap{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.mail-copy-button{display:inline-flex;align-items:center;justify-content:center;padding:4px;margin:0;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer}.mail-copy-button:hover{color:var(--text);background:var(--surface-soft)}.mail-copy-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.json-object{display:grid;gap:8px;margin:0}.json-object div{padding:0;border:0}.json-object dt{margin-bottom:3px;color:var(--text-muted);font-size:.7rem}.json-object dd{margin:0}.json-list{display:grid;gap:8px;margin:0;padding-left:18px}.color-value{display:inline-flex;align-items:center;gap:8px;min-width:0}.color-swatch{flex:0 0 auto;width:18px;height:18px;border:1px solid var(--border);border-radius:4px;box-shadow:inset 0 0 0 1px #fff6}.detail-empty{margin:0 14px 14px;padding:14px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.9rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:0 14px 14px}.post-item{display:grid;gap:12px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.post-image-button,.post-image-button img,.post-placeholder{width:100%;aspect-ratio:4 / 3;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.post-image-button{display:block;padding:0;overflow:hidden;cursor:zoom-in}.post-image-button img{display:block;border:0;object-fit:cover}.post-placeholder{display:grid;place-items:center;color:var(--text-muted)}.post-caption{margin:0;color:var(--text);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}.post-extra{border-top:1px solid var(--border);padding-top:4px}.post-extra summary{display:flex;align-items:center;gap:8px;min-height:34px;color:var(--navy);font-size:.88rem;font-weight:600;list-style:none;cursor:pointer}.post-extra summary::-webkit-details-marker{display:none}.post-extra summary svg{color:var(--text-muted);transition:transform .16s ease}.post-extra[open] summary svg{transform:rotate(90deg)}.post-extra .detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px}.post-thumbs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:16px}.post-thumb-button{display:block;padding:0;margin:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1;max-width:208px;width:100%;background:var(--surface-soft)}.post-thumb-button:hover{border-color:var(--golden);box-shadow:0 0 0 2px var(--golden-soft)}.post-thumb-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.post-thumb-button img{display:block;width:100%;height:100%;object-fit:cover}.post-thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:0;color:var(--text-muted)}.post-preview-panel{position:relative;width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:44px 18px 18px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.post-preview-body{display:grid;gap:0}.post-preview-img{display:block;width:100%;max-height:min(380px,42vh);border-radius:var(--radius);object-fit:contain;background:var(--surface-soft)}.post-preview-img-fallback{display:grid;place-items:center;gap:10px;min-height:160px;border-radius:var(--radius);background:var(--surface-soft);color:var(--text-muted);font-size:.88rem}.post-preview-caption{margin:14px 0 0;color:var(--text);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}.post-preview-extra{margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.post-preview-close{position:absolute;top:12px;right:12px;z-index:2}.image-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:28px;background:#001e3cb8}.image-preview{position:relative;display:grid;place-items:center;width:min(1100px,100%);max-height:calc(100vh - 56px)}.image-preview img{display:block;max-width:100%;max-height:calc(100vh - 56px);border-radius:var(--radius);background:var(--surface);object-fit:contain;box-shadow:var(--shadow)}.image-preview-close{position:absolute;top:12px;right:12px;z-index:1;background:var(--surface)}.brand-book-page-content{margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.brand-books-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(520px,1.25fr);gap:18px;align-items:start}.brand-book-detail{min-width:0;min-height:520px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.brand-books-users-panel{min-width:0}.brand-books-table-wrap{max-height:calc(100vh - 210px)}.brand-books-page .users-table-wrap{overflow:hidden}.brand-books-page .brand-books-table-wrap{max-height:none}.brand-books-page .brand-books-users-panel .users-table{min-width:0}.brand-book-empty{min-height:430px;margin:0 auto}.brand-book-detail-error{margin-top:18px}.empty-state{display:grid;justify-items:center;max-width:430px;padding:38px 22px;text-align:center}.home-surface{display:block;padding:28px}.home-dashboard{display:grid;gap:22px}.home-loading{min-height:360px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.kpi-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.kpi-card-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:999px;background:var(--golden-soft);color:var(--golden-hover)}.kpi-card-icon svg{width:22px;height:22px}.kpi-card-content{display:grid;gap:6px;min-width:0}.kpi-card-label{color:var(--text-muted);font-size:.76rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.kpi-card-value{color:var(--text);font-size:2rem;font-weight:600;letter-spacing:-.02em;line-height:1;font-family:DM Sans,Outfit,system-ui,sans-serif}.home-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:stretch}.home-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.home-card-header{margin-bottom:16px}.home-card-header h3{margin:0;font-size:1.02rem;letter-spacing:-.01em}.signups-chart-container{display:block;width:100%;flex:1;min-height:280px}.signups-chart{display:block;width:100%;height:100%}.signups-chart-count{opacity:0;transition:opacity .16s ease;pointer-events:none}.signups-chart-container:hover .signups-chart-count{opacity:1}.recent-users-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.recent-users-list button{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease}.recent-users-list button:hover{background:var(--surface-soft);border-color:var(--ring)}.recent-users-list button svg{color:var(--text-muted);flex:0 0 auto}.recent-user-info{display:grid;gap:2px;min-width:0;flex:1}.recent-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.recent-user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.84rem}.recent-user-date{color:var(--text-muted);font-size:.84rem;flex:0 0 auto;white-space:nowrap}.home-empty{margin:0}.home-see-all{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:14px;padding:6px 4px;border:0;background:transparent;color:var(--navy);font-size:.9rem;font-weight:600;cursor:pointer}.home-see-all:hover{color:var(--golden-hover)}.home-see-all svg{transition:transform .16s ease}.home-see-all:hover svg{transform:translate(2px)}.empty-icon{width:58px;height:58px;margin-bottom:22px;background:var(--golden-soft);color:var(--golden-hover);box-shadow:none}.empty-state h2{margin:0;font-size:2rem;letter-spacing:-.02em}.empty-state p:not(.eyebrow){margin:12px 0 22px;color:var(--text-muted);line-height:1.6}.compact-empty{min-height:320px;margin:0 auto}@media (max-width: 1100px){.home-content-grid{grid-template-columns:1fr}}@media (max-width: 980px){.auth-page{padding:30px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;flex:1 1 auto}}@media (max-width: 680px){.auth-page{padding:20px}.auth-panel{padding:22px}.admin-shell{flex-direction:column;height:auto;min-height:100vh}.sidebar{position:static;flex-direction:row;align-items:center;flex:0 0 auto;width:100%;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand{height:72px;border-bottom:0}.sidebar-brand img{height:42px}.tool-nav{display:flex;flex:1;padding:12px;overflow-x:auto;overflow-y:hidden}.sidebar-footer{padding:12px;border-top:0}.workspace{height:auto;padding:18px;overflow:visible}.content-surface{min-height:56vh}.users-surface{padding:18px}.detail-grid,.post-extra .detail-grid,.post-grid,.brand-books-layout{grid-template-columns:1fr}.brand-books-table-wrap{max-height:320px}.refresh-button{width:100%}.topbar-actions{align-items:stretch;flex-direction:column}.search-field{min-width:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes spin{to{transform:rotate(360deg)}}