:root{--bg-page: #f7f1e7;--bg-page-alt: #fbf6ee;--bg-body-top: rgba(214, 186, 141, .28);--bg-body-bottom: rgba(190, 147, 89, .18);--surface-glass: rgba(255, 255, 255, .92);--surface-login: #ffffff;--surface-panel: rgba(255, 255, 255, .96);--surface-soft: rgba(244, 247, 251, .9);--surface-card: rgba(255, 255, 255, .88);--surface-meta: rgba(240, 244, 248, .85);--surface-user: rgba(63, 83, 110, .08);--border-base: rgba(33, 45, 60, .08);--border-soft: rgba(58, 73, 92, .06);--shadow-panel: 0 20px 52px rgba(26, 36, 47, .08);--shadow-card: 0 16px 34px rgba(30, 41, 59, .08);--text-1: #1d2734;--text-2: #1f2937;--text-4: #667487;--text-5: #6b7788;--text-inverse: #ffffff;--accent-1: #98765b;--accent-2: #654b3a;--logo-1: #79604b;--logo-2: #ab9988;color:var(--text-1);background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg-page: #0f1722;--bg-page-alt: #131d29;--bg-body-top: rgba(112, 144, 190, .22);--bg-body-bottom: rgba(218, 155, 90, .14);--surface-glass: rgba(17, 28, 40, .88);--surface-login: rgba(18, 29, 42, .96);--surface-panel: rgba(18, 29, 42, .94);--surface-soft: rgba(23, 36, 50, .92);--surface-card: rgba(21, 34, 47, .92);--surface-meta: rgba(26, 40, 56, .92);--surface-user: rgba(131, 166, 216, .12);--border-base: rgba(139, 166, 196, .16);--border-soft: rgba(139, 166, 196, .1);--shadow-panel: 0 24px 56px rgba(0, 0, 0, .32);--shadow-card: 0 18px 38px rgba(0, 0, 0, .26);--text-1: #e6edf7;--text-2: #f2f6fb;--text-4: #8ea3ba;--text-5: #93a7bc;--text-inverse: #0f1722;--accent-1: #b1977b;--accent-2: #725846;--logo-1: #a1876d;--logo-2: #c0ae9e}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%;overflow-x:hidden}body{background:radial-gradient(circle at top right,var(--bg-body-top),transparent 22%),radial-gradient(circle at bottom left,var(--bg-body-bottom),transparent 24%),linear-gradient(180deg,var(--bg-page) 0%,var(--bg-page-alt) 100%);color:var(--text-1);overflow-x:hidden}.theme-shell{position:relative;min-height:100vh;width:100%;overflow-x:hidden}.theme-toggle{position:fixed;top:18px;right:18px;z-index:40}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:28px}.login-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-base);box-shadow:var(--shadow-panel);border-radius:32px}.login-panel__badge{display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-4)}.login-panel h1{margin:14px 0;line-height:1.05;letter-spacing:-.04em;font-size:44px}.login-panel p{margin:0;color:var(--text-4);line-height:1.8}.login-panel{width:min(540px,100%);padding:34px 32px;display:flex;flex-direction:column;justify-content:center}.login-panel--compact{background:var(--surface-login)}.login-panel__header{margin-bottom:22px}.login-form{display:grid;gap:4px}.login-form__options{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.login-form__actions{margin-top:10px}.console-shell{width:calc(100vw - 32px);max-width:100%;margin:16px auto 32px}.console-hero,.content-panel,.summary-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-base);box-shadow:var(--shadow-panel);color:var(--text-1)}.console-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 36px;border-radius:28px}.console-hero__eyebrow,.content-panel__eyebrow{display:inline-flex;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-4);font-weight:700}.console-hero h1,.content-panel h2{margin:14px 0 10px;letter-spacing:-.03em}.console-hero h1{font-size:34px}.console-hero p{margin:0;max-width:720px;line-height:1.8;color:var(--text-4);font-size:14px}.dashboard-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dashboard-actions--mobile{width:100%}.dashboard-user{min-width:180px;padding:10px 14px;border-radius:16px;background:var(--surface-user);display:grid;gap:2px}.dashboard-user strong{font-size:14px;color:var(--text-2)}.dashboard-user span:last-child{color:var(--text-5);font-size:12px}.dashboard-user__label{display:block;margin-bottom:4px;color:var(--text-4);font-size:12px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.summary-card{padding:16px 18px;border-radius:18px}.summary-card--accent{background:linear-gradient(140deg,var(--accent-1) 0%,var(--accent-2) 100%);color:var(--text-inverse)}.summary-card__label{display:block;font-size:12px;opacity:.78}.summary-card__value{display:block;margin:10px 0 6px;font-size:24px;letter-spacing:-.04em;line-height:1.1}.summary-card__hint{display:block;font-size:12px;opacity:.72;line-height:1.5}.content-panel{margin-top:22px;padding:26px;border-radius:28px}.content-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.content-panel__header p{margin:0;max-width:720px;line-height:1.8;color:var(--text-4);font-size:14px}.content-panel__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.platform-filters{display:flex;flex-direction:row;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;border-radius:20px;background:var(--surface-soft);border:1px solid var(--border-base)}.platform-filters__main,.platform-filters__actions{display:flex;gap:12px;flex-wrap:nowrap}.platform-filters__main{flex:1 1 auto;min-width:0}.platform-filters__actions{flex:0 0 auto}.platform-filters__main>*{flex:1;min-width:180px}.data-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;color:var(--text-4);font-size:13px;flex-wrap:nowrap}.data-toolbar>span{white-space:nowrap}.table-user-cell{display:flex;flex-direction:column;gap:6px}.table-user-cell__head{display:flex;align-items:center;gap:8px}.table-user-cell__name{font-size:15px;font-weight:600;color:var(--text-2)}.table-user-cell__id{font-size:11px;color:var(--text-4);padding:2px 8px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border-soft)}.table-user-cell__sub,.table-user-cell__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-4);font-size:12px}.table-user-cell__meta{color:var(--text-5)}.table-user-cell__dot{opacity:.5}.table-stack{display:flex;flex-direction:column;gap:6px}.table-stack__primary{font-size:14px;font-weight:600;color:color-mix(in srgb,var(--text-2) 90%,var(--text-4))}.table-stack__meta{font-size:12px;color:var(--text-4)}.table-device-cell{display:flex;flex-direction:column;gap:8px}.table-device-cell__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--border-soft)}.table-device-cell__label{font-size:12px;color:var(--text-4)}.table-device-cell__item strong{font-size:13px;font-weight:600;color:color-mix(in srgb,var(--text-2) 88%,var(--text-4))}.table-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-meta-card{padding:16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border-base)}.detail-meta-card span{display:block;margin-bottom:6px;color:var(--text-4);font-size:12px}.detail-meta-card strong{font-size:16px}.drawer-section{margin-bottom:18px}.drawer-section__title{margin:0 0 10px;font-size:15px;font-weight:700}.drawer-title{display:flex;align-items:center;gap:12px}.drawer-title__logo{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--logo-1) 0%,var(--logo-2) 100%);color:var(--text-inverse);font-size:16px;font-weight:700}.drawer-title__text{display:flex;flex-direction:column;gap:4px}.drawer-title__text span{color:var(--text-4);font-size:13px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drawing-progress-card{margin-bottom:14px;padding:14px 16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border-base)}.drawing-progress-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.drawing-progress-card__head strong{display:block;margin-bottom:4px;color:var(--text-2)}.drawing-progress-card__head span{color:var(--text-4);font-size:12px}.drawing-progress-card__badge{white-space:nowrap;padding:4px 10px;border-radius:999px;background:var(--surface-card);border:1px solid var(--border-soft)}.drawing-progress{height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--surface-card) 88%,transparent)}.drawing-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-1) 0%,var(--accent-2) 100%)}.drawing-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.drawing-toolbar>.n-input{flex:0 1 460px;max-width:460px}.drawing-toolbar__actions{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end;flex:1 1 auto;min-width:0}.drawing-toolbar__actions>*{flex:0 0 auto}.mobile-filter-panel{display:grid;gap:12px}.mobile-filter-panel__actions{display:flex;gap:10px;margin-top:8px}.mobile-user-list,.mobile-drawing-list{display:grid;gap:12px}.mobile-user-card,.mobile-drawing-card{padding:16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border-base);box-shadow:var(--shadow-card)}.mobile-user-card__header,.mobile-drawing-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-drawing-card__title{min-width:0}.mobile-user-card__header strong,.mobile-drawing-card__header strong{display:block;font-size:16px;color:var(--text-2)}.mobile-user-card__header span,.mobile-drawing-card__header span{display:block;margin-top:4px;font-size:12px;color:var(--text-4);word-break:break-all}.mobile-user-card__meta,.mobile-drawing-card__meta{display:grid;gap:8px;margin-top:14px;font-size:13px;color:var(--text-4)}.mobile-user-card__actions,.mobile-drawing-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mobile-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px 0;color:var(--text-4);font-size:13px}@media (max-width: 960px){.login-shell{padding:18px}.login-panel{width:100%;padding:26px 20px;border-radius:24px}.login-panel h1{font-size:36px}.console-shell{width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin-top:12px}.console-hero,.content-panel{padding:22px;border-radius:22px}.console-hero,.content-panel__header{flex-direction:column}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-filters__main,.platform-filters__actions,.data-toolbar{flex-wrap:wrap}.platform-filters__main{width:100%}.platform-filters__main>*{min-width:100%}.platform-filters,.drawing-toolbar,.drawing-toolbar__actions{flex-direction:column;align-items:stretch}.drawing-toolbar>.n-input{flex-basis:auto;max-width:none}.detail-grid,.grid-two{grid-template-columns:1fr}}@media (max-width: 640px){.login-shell{align-items:stretch;padding:14px}.login-panel{min-height:auto;margin:auto 0;padding:24px 18px;border-radius:22px}.login-panel h1{font-size:30px}.console-shell{width:calc(100vw - 16px);max-width:calc(100vw - 16px);margin:8px auto 20px}.theme-toggle{top:10px;right:10px}.console-hero,.content-panel{padding:16px;border-radius:18px}.console-hero h1{font-size:28px}.dashboard-actions,.content-panel__actions,.mobile-user-card__actions,.mobile-drawing-card__actions{width:100%}.dashboard-actions>*,.content-panel__actions>*,.mobile-user-card__actions>*,.mobile-drawing-card__actions>*,.mobile-filter-panel__actions>*{flex:1 1 calc(50% - 8px);min-width:0}.dashboard-user{width:100%}.data-toolbar{align-items:flex-start}.drawing-progress-card__head{flex-direction:column}}@media (max-width: 520px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:14px;border-radius:16px}.summary-card__value{font-size:21px}.dashboard-actions>*,.content-panel__actions>*,.mobile-user-card__actions>*,.mobile-drawing-card__actions>*,.mobile-filter-panel__actions>*{flex-basis:100%}.mobile-pagination{flex-direction:column;align-items:stretch}}