@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap";:root{--color-error:#e05252;--color-success:#52a96e;--color-warning:#e0a352;--color-info:#5288e0;--btn-bg-image:none;--card-bg-image:none;--section-bg-image:none;--page-bg-image:none;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-family:Inter, Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--sidebar-left-width:260px;--sidebar-right-width:260px;--nav-height:53px;--footer-height:135px;--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:200;--z-toast:300}[data-color-theme=black-gold]{--color-bg:#0e0b04;--color-bg-hover:#1a1500;--color-surface:#151006;--color-surface-raised:#1e1a08;--color-nav-bg:#000;--color-column-bg:#5c583f;--color-card-bg:#ede196;--color-accent-dark:#6b4f1a;--color-accent-mid:#c59f14;--color-accent-light:#e8c44a;--color-accent-muted:#7a6b2a;--gradient-accent:linear-gradient(135deg, #6b4f1a 0%, #c8a84b 25%, #f5d57a 50%, #c8a84b 75%, #6b4f1a 100%);--color-text-primary:#fff;--color-text-secondary:#c59f14;--color-text-muted:#a08c3a;--color-text-on-dark:#000;--color-card-text:#000;--color-border:#c59f14;--color-border-focus:#e8c44a;--page-bg-image:none}[data-color-theme=winter-night]{--color-bg:#0308108c;--color-bg-hover:#070f1ea6;--color-surface:#0a1525e6;--color-surface-raised:#0e1d30cc;--color-nav-bg:#010408d1;--color-column-bg:#1a2b40e6;--color-card-bg:#d0e8f5;--color-accent-dark:#1a3f6b;--color-accent-mid:#4a8fc0;--color-accent-light:#7ab8e0;--color-accent-muted:#2a4e72;--gradient-accent:linear-gradient(135deg, #1a3f6b 0%, #4a8fc0 25%, #87ceeb 50%, #4a8fc0 75%, #1a3f6b 100%);--color-text-primary:#fff;--color-text-secondary:#4a8fc0;--color-text-muted:#3a6a8a;--color-text-on-dark:#000;--color-card-text:#061020;--color-border:#4a8fc0;--color-border-focus:#7ab8e0;--page-bg-image:url(/themes/winter-night.webp)}[data-color-theme=winter-night] .sidebar-right__group,[data-color-theme=winter-night] .sidebar-left__group{background-color:#0a1525e6}[data-color-theme=cherry-blossoms]{--color-bg:#fff0f580;--color-bg-hover:#ffe6ee99;--color-surface:#fff5f8e0;--color-surface-raised:#ffebf2cc;--color-nav-bg:#fae4eceb;--color-column-bg:#f8e6eee0;--color-card-bg:#faf5f7;--color-accent-dark:#9b4d65;--color-accent-mid:#8a1f38;--color-accent-light:#f5c8d2;--color-accent-muted:#c4a0a8;--gradient-accent:linear-gradient(135deg, #9b4d65 0%, #d4899a 25%, #f5c8d2 50%, #d4899a 75%, #9b4d65 100%);--color-text-primary:#2d1820;--color-text-secondary:#9b4d65;--color-text-muted:#8a6570;--color-text-on-dark:#faf5f7;--color-card-text:#2d1820;--color-border:#d4899a;--color-border-focus:#9b4d65;--page-bg-image:url(/themes/CherryBlossoms01.webp)}[data-color-theme=cherry-blossoms] .sidebar-right__group,[data-color-theme=cherry-blossoms] .sidebar-left__group{background-color:#fff5f8e6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background-color:var(--color-bg);background-image:var(--page-bg-image);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;background-position:50%;background-size:cover;background-attachment:fixed;line-height:1.5}a{color:var(--color-accent-mid);text-decoration:none}a:hover{color:var(--color-accent-light)}button{cursor:pointer;font-family:var(--font-family)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-mid)}*{scrollbar-width:thin;scrollbar-color:var(--color-accent-dark) var(--color-bg)}body.dragging,body.dragging *{cursor:grabbing!important}.toast-container{gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast{padding:calc(var(--space-3) * 1.2) calc(var(--space-4) * 1.2);border-radius:var(--radius-md);font-size:calc(var(--font-size-sm) * 1.2);max-width:384px;font-weight:400;animation:.2s toast-in;box-shadow:0 4px 12px #0006}.toast--error{background-color:var(--color-error);color:#fff}.toast--success{background-color:var(--color-success);color:#fff}.toast--info{background-color:var(--color-info);color:#fff}@keyframes toast-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:27px;padding:0 var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-bg);background-color:var(--color-accent-mid);background-image:var(--btn-bg-image);cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap;border:none;font-weight:300;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{opacity:1}.btn:active{opacity:.7}.btn:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.btn:hover:before{transition:left .8s;left:calc(100% + 30px)}.btn--ghost{border:1px solid var(--color-accent-mid);color:var(--color-accent-mid);background-color:#0000}.btn--ghost:hover{background-color:var(--color-bg-hover);opacity:1}.btn--danger{background-color:var(--color-error)}.btn--sm{height:22px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.btn--lg{height:36px;padding:0 var(--space-6);font-size:var(--font-size-lg)}.btn-trace__container{pointer-events:none;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.btn-trace__blur,.btn-trace__line{fill:#0000;stroke-dasharray:20 30}.btn-trace__line{stroke:var(--trace-color,transparent);stroke-width:2px}.btn-trace__blur{stroke:var(--trace-color,transparent);stroke-width:6px;filter:blur(4px)}.btn:is(:hover,:focus) .btn-trace__line,.btn:is(:hover,:focus) .btn-trace__blur{stroke-dashoffset:-80px;transition:stroke-dashoffset 1.2s ease-in}.btn:is(:hover,:focus) .btn-trace__container{animation:1.2s ease-in btn-trace-visibility}@keyframes btn-trace-visibility{0%,to{opacity:0}25%,75%{opacity:1}}.pending-inv-dialog{border:.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);width:90vw;min-width:280px;max-width:400px;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.pending-inv-dialog::backdrop{background-color:#0009}.pending-inv-dialog__content{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.pending-inv-dialog__title{font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:.04em;margin:0;font-weight:600}.pending-inv-dialog__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:300;line-height:1.5}.nav{height:var(--nav-height);padding:0 var(--space-5);background-color:var(--color-nav-bg);border-bottom:.5px solid var(--color-accent-mid);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.nav__logo{align-items:center;gap:var(--space-2);display:flex}.nav__logo-text{font-size:var(--font-size-xl);color:var(--color-accent-mid);letter-spacing:.02em;font-weight:500}.nav__beta{font-size:var(--font-size-xs);color:var(--color-bg);background-color:var(--color-accent-mid);border-radius:var(--radius-sm);letter-spacing:.05em;padding:1px 5px;font-weight:700;line-height:1.4}.nav__links{align-items:center;gap:var(--space-5);flex-direction:row;display:flex}.nav__logo-link,.nav__links a{text-decoration:none}.nav__btn--projects:hover,.nav__btn--login:hover,.nav__btn--home:hover{background-color:#0000}.nav__btn--admin,.nav__btn--profile,.nav__btn--logout,.nav__btn--guide,.nav__btn--support,.nav__btn--register{border:1px solid var(--color-accent-mid);color:var(--color-accent-mid);background-color:#0000}body[data-theme=black-gold-live] .btn:before,body[data-theme=black-gold-live-relief] .btn:before,body[data-theme=black-gold-live-card] .btn:before,body[data-theme=black-gold-live-full-relief] .btn:before{display:none}body[data-theme=black-gold-live] .btn,body[data-theme=black-gold-live-relief] .btn,body[data-theme=black-gold-live-card] .btn,body[data-theme=black-gold-live-full-relief] .btn{--trace-color:#ffffff8c}body[data-theme=simple-glow] .nav__btn--admin,body[data-theme=simple-glow-relief] .nav__btn--admin,body[data-theme=simple-glow-card] .nav__btn--admin,body[data-theme=simple-glow-full-relief] .nav__btn--admin{color:#000;filter:drop-shadow(0 0 6px #b767cbda)drop-shadow(0 0 12px #b767cb79);background-color:#b767cb;border:none}body[data-theme=simple-glow] .nav__btn--profile,body[data-theme=simple-glow-relief] .nav__btn--profile,body[data-theme=simple-glow-card] .nav__btn--profile,body[data-theme=simple-glow-full-relief] .nav__btn--profile{color:#000;filter:drop-shadow(0 0 6px #d62326da)drop-shadow(0 0 12px #d6232679);background-color:#d62326;border:none}body[data-theme=simple-glow] .nav__btn--logout,body[data-theme=simple-glow-relief] .nav__btn--logout,body[data-theme=simple-glow-card] .nav__btn--logout,body[data-theme=simple-glow-full-relief] .nav__btn--logout{background-color:var(--color-accent-mid);color:#000;filter:drop-shadow(0 0 6px #c59f14da)drop-shadow(0 0 12px #c59f1479);border:none}body[data-theme=simple-glow] .nav__btn--guide,body[data-theme=simple-glow-relief] .nav__btn--guide,body[data-theme=simple-glow-card] .nav__btn--guide,body[data-theme=simple-glow-full-relief] .nav__btn--guide,body[data-theme=simple-glow] .nav__btn--support,body[data-theme=simple-glow-relief] .nav__btn--support,body[data-theme=simple-glow-card] .nav__btn--support,body[data-theme=simple-glow-full-relief] .nav__btn--support{color:#000;filter:drop-shadow(0 0 6px #14c56ada)drop-shadow(0 0 12px #14c56a79);background-color:#14c56a;border:none}body[data-theme=simple-glow] .nav__btn--register,body[data-theme=simple-glow-relief] .nav__btn--register,body[data-theme=simple-glow-card] .nav__btn--register,body[data-theme=simple-glow-full-relief] .nav__btn--register{color:#000;filter:drop-shadow(0 0 6px #2b8ed6da)drop-shadow(0 0 12px #2b8ed679);background-color:#2b8ed6;border:none}body[data-theme=stamped-metal] .nav__btn--admin,body[data-theme=stamped-metal-relief] .nav__btn--admin,body[data-theme=stamped-metal-card] .nav__btn--admin,body[data-theme=stamped-metal-full-relief] .nav__btn--admin{color:#000;background-color:#b767cb;border:none}body[data-theme=stamped-metal] .nav__btn--profile,body[data-theme=stamped-metal-relief] .nav__btn--profile,body[data-theme=stamped-metal-card] .nav__btn--profile,body[data-theme=stamped-metal-full-relief] .nav__btn--profile{color:#000;background-color:#d62326;border:none}body[data-theme=stamped-metal] .nav__btn--logout,body[data-theme=stamped-metal-relief] .nav__btn--logout,body[data-theme=stamped-metal-card] .nav__btn--logout,body[data-theme=stamped-metal-full-relief] .nav__btn--logout{background-color:var(--color-accent-mid);color:#000;border:none}body[data-theme=stamped-metal] .nav__btn--guide,body[data-theme=stamped-metal-relief] .nav__btn--guide,body[data-theme=stamped-metal-card] .nav__btn--guide,body[data-theme=stamped-metal-full-relief] .nav__btn--guide,body[data-theme=stamped-metal] .nav__btn--support,body[data-theme=stamped-metal-relief] .nav__btn--support,body[data-theme=stamped-metal-card] .nav__btn--support,body[data-theme=stamped-metal-full-relief] .nav__btn--support{color:#000;background-color:#14c56a;border:none}body[data-theme=stamped-metal] .nav__btn--register,body[data-theme=stamped-metal-relief] .nav__btn--register,body[data-theme=stamped-metal-card] .nav__btn--register,body[data-theme=stamped-metal-full-relief] .nav__btn--register{color:#000;background-color:#2b8ed6;border:none}body[data-theme=stamped-metal] .nav__btn--admin,body[data-theme=stamped-metal] .nav__btn--profile,body[data-theme=stamped-metal] .nav__btn--logout,body[data-theme=stamped-metal] .nav__btn--guide,body[data-theme=stamped-metal] .nav__btn--support,body[data-theme=stamped-metal] .nav__btn--register,body[data-theme=stamped-metal-relief] .nav__btn--admin,body[data-theme=stamped-metal-relief] .nav__btn--profile,body[data-theme=stamped-metal-relief] .nav__btn--logout,body[data-theme=stamped-metal-relief] .nav__btn--guide,body[data-theme=stamped-metal-relief] .nav__btn--support,body[data-theme=stamped-metal-relief] .nav__btn--register,body[data-theme=stamped-metal-card] .nav__btn--admin,body[data-theme=stamped-metal-card] .nav__btn--profile,body[data-theme=stamped-metal-card] .nav__btn--logout,body[data-theme=stamped-metal-card] .nav__btn--guide,body[data-theme=stamped-metal-card] .nav__btn--support,body[data-theme=stamped-metal-card] .nav__btn--register,body[data-theme=stamped-metal-full-relief] .nav__btn--admin,body[data-theme=stamped-metal-full-relief] .nav__btn--profile,body[data-theme=stamped-metal-full-relief] .nav__btn--logout,body[data-theme=stamped-metal-full-relief] .nav__btn--guide,body[data-theme=stamped-metal-full-relief] .nav__btn--support,body[data-theme=stamped-metal-full-relief] .nav__btn--register{background-image:linear-gradient(#ffffff47 0%,#0000 63%,#00000080 100%)}.footer{justify-content:center;align-items:center;gap:var(--space-10);height:var(--footer-height);padding:var(--space-5) var(--space-10);background-color:var(--color-bg);border-top:.5px solid var(--color-accent-mid);flex-direction:row;flex-shrink:0;display:flex}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;font-weight:100}.footer__links{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:row;display:flex}.footer__link{color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.footer__link:hover{color:var(--color-accent-mid)}.footer__links-sep{color:var(--color-text-muted);opacity:.4}.home-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.home-main{padding:var(--space-16) var(--space-6);align-items:center;gap:var(--space-16);flex-direction:column;flex:1;display:flex}.home-hero{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.home-hero__title{color:var(--color-text-primary);margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1}.home-hero__accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0;line-height:1.6}.home-hero__actions{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.home-btn{border-radius:var(--radius-md);font-size:var(--font-size-base);transition:opacity var(--transition-fast), transform var(--transition-fast);padding:.65rem 1.75rem;font-weight:600;text-decoration:none;display:inline-block}.home-btn:hover{color:#fff;opacity:.85;transform:translateY(-1px)}.home-btn--primary{background:var(--gradient-accent);color:var(--color-text-on-dark)}.home-btn--ghost{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.home-features{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%;max-width:900px;display:grid}.home-feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.home-feature__icon{color:var(--color-accent-mid);font-size:1.5rem}.home-feature__label{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:600}.home-feature__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.otp-input{gap:var(--space-3);justify-content:center;display:flex}.otp-input__box{text-align:center;width:44px;height:52px;font-size:var(--font-size-xl);background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);caret-color:var(--color-accent-mid);transition:border-color var(--transition-fast);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;font-family:monospace;font-weight:600}.otp-input__box:focus{border-color:var(--color-accent-mid);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent-mid) 20%, transparent)}.auth-page{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.auth-page__main{padding:var(--space-8) var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--space-10) var(--space-8)}.auth-card__title{font-size:var(--font-size-2xl);color:var(--color-accent-mid);margin-bottom:var(--space-6);font-weight:500}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-6);line-height:1.5}.auth-card__subtitle strong{color:var(--color-accent-mid)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-form__field{gap:var(--space-2);flex-direction:column;display:flex}.auth-form__field label{font-size:var(--font-size-sm);color:var(--color-accent-mid);letter-spacing:.03em;font-weight:500}.auth-form__field input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast);outline:none}.auth-form__field input:focus{border-color:var(--color-border-focus)}.auth-form__error{font-size:var(--font-size-sm);color:var(--color-error)}.auth-form__back{color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:color var(--transition-fast);background:0 0;border:none;padding:0}.auth-form__back:hover{color:var(--color-text-primary)}.auth-form__link{color:var(--color-accent);text-decoration:none}.auth-form__link:hover{text-decoration:underline}.dpi{width:100%;display:block;position:relative}.dpi__native{opacity:0;width:100%;padding:var(--space-1) 0;font-size:var(--font-size-sm);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:none;outline:none;font-family:inherit;display:block}.dpi__native::-webkit-calendar-picker-indicator{display:none}.dpi__display{pointer-events:none;font-size:var(--font-size-sm);color:var(--color-text-primary);align-items:center;font-family:inherit;font-weight:300;display:flex;position:absolute;inset:0}.dpi__display--empty{color:var(--color-text-muted)}.dpi__icon{color:var(--color-text-muted);opacity:.7;cursor:pointer;flex-shrink:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.dpi:hover .dpi__icon{opacity:1}@supports ((-moz-appearance:none)){.dpi__native{opacity:1}.dpi__display,.dpi__icon{display:none}}.sidebar-left{width:var(--sidebar-left-width);background-color:var(--color-surface);border-right:.5px solid var(--color-border);height:100%;padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-left__actions{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-left__delete-col-btn{color:#fdf0f0;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background-color:#fc080c;border:none;border-radius:8px;width:100%;padding:6px 10px;font-weight:300;position:relative;overflow:hidden}.sidebar-left__delete-col-btn:hover{opacity:1}.sidebar-left__delete-col-btn:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.sidebar-left__delete-col-btn:hover:before{transition:left .8s;left:calc(100% + 30px)}.sidebar-left__delete-col-warning{font-size:var(--font-size-sm);color:#fc080c;text-align:center}.sidebar-left__editor{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-left__group{border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-4);flex-direction:column;display:flex}.sidebar-left__group .sidebar-left__field:last-child .sidebar-left__field-input{border-bottom:none}.sidebar-left__field{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-left__field-label{font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;font-weight:700}.sidebar-left__field-input{border:none;border-bottom:.5px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-1) 0;width:100%;transition:border-color var(--transition-fast);background:0 0;outline:none;font-weight:300}.sidebar-left__field-input:focus{border-color:var(--color-border-focus)}.sidebar-left__field-input[readonly]{color:var(--color-text-muted);cursor:default}.sidebar-left__field-textarea{resize:none;height:120px;line-height:1.5}.sidebar-left__date-wrapper{border-bottom:.5px solid var(--color-border);position:relative}.sidebar-left__group .sidebar-left__field:last-child .sidebar-left__date-wrapper{border-bottom:none}.sidebar-left__color-bottom{border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.sidebar-left__color-tabs{margin-bottom:var(--space-2);gap:2px;display:flex}.sidebar-left__color-tab{border:.5px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;flex:1;padding:3px 0;font-weight:700}.sidebar-left__color-tab--active{background-color:var(--color-border);color:var(--color-text-primary)}.sidebar-left__palette{padding-top:var(--space-1);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sidebar-left__swatch{border-radius:var(--radius-sm);cursor:pointer;width:22px;height:22px;transition:border-color var(--transition-fast), transform var(--transition-fast);border:2px solid #0000;padding:0}.sidebar-left__swatch:hover{transform:scale(1.15)}.sidebar-left__swatch--active{border-color:#fff;box-shadow:0 0 0 1px #0006}.sidebar-left__color-picker{cursor:pointer;width:22px;height:22px;transition:opacity var(--transition-fast);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-left__color-picker:hover{opacity:.85}.sidebar-left__color-picker-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0}.blocking-modal__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;pointer-events:all;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.blocking-modal__box{background:var(--color-surface-raised,var(--color-surface));border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);align-items:center;gap:var(--space-4);flex-direction:column;min-width:240px;display:flex}.blocking-modal__spinner{border:3px solid color-mix(in srgb, var(--color-accent-mid) 20%, transparent);border-top-color:var(--color-accent-mid);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite blocking-modal-spin}@keyframes blocking-modal-spin{to{transform:rotate(360deg)}}.blocking-modal__message{color:var(--color-text-primary);font-size:var(--font-size-base);text-align:center;margin:0;font-weight:300}.sidebar-right{width:var(--sidebar-right-width);background-color:var(--color-surface);border-left:.5px solid var(--color-border);height:100%;padding:var(--space-4);justify-content:space-between;gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-right__top{gap:var(--space-5);flex-direction:column;display:flex}.sidebar-right__project-fields{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-right__group{border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.sidebar-right__group .sidebar-right__field:last-child .sidebar-right__field-value,.sidebar-right__group .sidebar-right__field:last-child .sidebar-right__inline-input{border-bottom:none}.sidebar-right__field{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-right__field-label{font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;font-weight:700}.sidebar-right__field-value{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-1) 0;border-bottom:.5px solid var(--color-border);font-weight:300}.sidebar-right__inline-input{border:none;border-bottom:.5px solid var(--color-border);width:100%;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-1) 0;resize:none;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:border-color var(--transition-fast);background:0 0;outline:none;font-family:inherit;font-weight:300}.sidebar-right__inline-input:focus{border-color:var(--color-accent-mid)}.sidebar-right__inline-input[readonly]{cursor:default}.sidebar-right__inline-input:not([readonly]){color:var(--color-text-primary)}.sidebar-right__inline-textarea{min-height:2.5em;line-height:1.5}.sidebar-right__create-form{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-right__input{background-color:var(--color-surface-raised);width:100%;color:var(--color-text-primary);border:.5px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;font-family:inherit}.sidebar-right__input:focus{border-color:var(--color-accent-mid)}.sidebar-right__textarea{resize:vertical;min-height:80px}.sidebar-right__error{font-size:var(--font-size-xs);color:var(--color-error)}.sidebar-right__success{font-size:var(--font-size-xs);color:var(--color-success,#16a34a)}.sidebar-right__form-actions{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-right__actions{gap:var(--space-2);border-top:.5px solid var(--color-border);padding-top:var(--space-4);flex-direction:column;display:flex}.sidebar-right__delete-btn{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:.5px solid var(--color-error);color:var(--color-error);font-size:var(--font-size-sm);cursor:pointer;text-align:center;background:0 0;font-family:inherit;position:relative;overflow:hidden}.sidebar-right__delete-btn:hover{background:0 0}.sidebar-right__delete-btn:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.sidebar-right__delete-btn:hover:not(:disabled):before{transition:left .8s;left:calc(100% + 30px)}.sidebar-right__delete-btn--confirm:disabled{opacity:.4;cursor:not-allowed}.sidebar-right__delete-confirm{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-right__delete-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.sidebar-right__bottom{gap:var(--space-2);border-top:.5px solid var(--color-border);padding-top:var(--space-4);flex-direction:column;display:flex}.sidebar-right__share-panel{gap:var(--space-3);padding:var(--space-3);background-color:var(--color-surface-raised);border-radius:var(--radius-sm);border:.5px solid var(--color-border);flex-direction:column;display:flex}.sidebar-right__share-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.sidebar-right__share-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.sidebar-right__share-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:300;overflow:hidden}.sidebar-right__share-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.sidebar-right__share-remove{color:var(--color-error);cursor:pointer;font-size:var(--font-size-xs);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px 4px;position:relative;overflow:hidden}.sidebar-right__share-remove:hover{background-color:#0000}.sidebar-right__share-remove:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.sidebar-right__share-remove:hover:before{transition:left .8s;left:calc(100% + 30px)}.sidebar-right__share-empty{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.sidebar-right__share-form{gap:var(--space-2);border-top:.5px solid var(--color-border);padding-top:var(--space-3);flex-direction:column;display:flex}.sidebar-right__select{cursor:pointer}.sidebar-right__transfer-panel{gap:var(--space-2);padding:var(--space-3);background-color:var(--color-surface-raised);border-radius:var(--radius-sm);border:.5px solid var(--color-border);flex-direction:column;display:flex}.sidebar-right__transfer-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.sidebar-right__shared-with-btn{text-align:left;border:.5px solid var(--color-border);width:100%;color:inherit;cursor:pointer;padding:var(--space-3);border-radius:var(--radius-md);gap:var(--space-1);background:0 0;flex-direction:column;font-family:inherit;display:flex;position:relative;overflow:hidden}.sidebar-right__shared-with-btn:hover{border-color:var(--color-border)}.sidebar-right__shared-with-btn:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.sidebar-right__shared-with-btn:hover:before{transition:left .8s;left:calc(100% + 30px)}.shared-with-dialog{border:.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);width:90vw;min-width:280px;max-width:400px;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.shared-with-dialog::backdrop{background-color:#0009}.shared-with-dialog__content{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.shared-with-dialog__title{font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:.04em;margin:0;font-weight:600}.shared-with-dialog__list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.shared-with-dialog__item{padding:var(--space-2) 0;border-bottom:.5px solid var(--color-border);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.shared-with-dialog__item:last-child{border-bottom:none}.shared-with-dialog__username{color:var(--color-text-primary);font-weight:300}.shared-with-dialog__role{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);padding:2px 6px}.shared-with-dialog__role--editor{color:#c59f14;background-color:#c59f141f}.shared-with-dialog__role--viewer{color:var(--color-text-muted);background-color:color-mix(in srgb, var(--color-text-muted) 12%, transparent)}.shared-with-dialog__remove{color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;line-height:1;position:relative;overflow:hidden}.shared-with-dialog__remove:hover{background-color:#0000}.shared-with-dialog__remove:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.shared-with-dialog__remove:hover:before{transition:left .8s;left:calc(100% + 30px)}.sidebar-right__create-date-wrapper{border:.5px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);position:relative;overflow:hidden}.sidebar-right__create-date-wrapper:focus-within{border-color:var(--color-accent-mid)}.sidebar-right__create-date-wrapper .dpi__native{padding:var(--space-2) var(--space-3);background-color:var(--color-surface-raised)}.sidebar-right__create-date-wrapper .dpi__display{padding-left:var(--space-3);white-space:nowrap;overflow:hidden}.sidebar-right__create-date-wrapper .dpi__icon{right:var(--space-3)}@supports ((-moz-appearance:none)){.sidebar-right__create-date-wrapper{overflow:visible}}.sidebar-right__date-wrapper{border-bottom:.5px solid var(--color-border);position:relative}.sidebar-right__group .sidebar-right__field:last-child .sidebar-right__date-wrapper{border-bottom:none}.card{--card-body-height:140px;background-color:var(--color-card-bg);background-image:var(--card-bg-image);border-radius:var(--radius-md);cursor:grab;z-index:1;border:.5px solid #00000026;flex-direction:column;flex-shrink:0;width:225px;display:flex;position:relative;overflow:hidden}.card:active{cursor:pointer}.card__header{padding:0 var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row;min-height:32px;display:flex}.card__title{font-size:var(--font-size-base);color:var(--card-text-color,var(--color-card-text));white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:300;overflow:hidden}.card__actions{flex-direction:row;flex-shrink:0;align-items:center;gap:1px;display:flex}.card__action-btn{color:#00000073;cursor:pointer;border-radius:var(--radius-sm);width:24px;height:24px;font-size:var(--font-size-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card__action-btn:hover{background-color:#0000}.card__action-btn:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.card__action-btn:hover:before{transition:left .8s;left:calc(100% + 30px)}.card--pool{--card-body-height:126px;width:202px}.card--selected{border-color:var(--color-border);box-shadow:0 0 0 2px var(--color-accent-mid);z-index:2}body[data-theme=black-gold-card] .card,body[data-theme=black-gold-full-relief] .card,body[data-theme=black-gold-live-card] .card,body[data-theme=black-gold-live-full-relief] .card,body[data-theme=simple-glow-card] .card,body[data-theme=simple-glow-full-relief] .card,body[data-theme=stamped-metal-card] .card,body[data-theme=stamped-metal-full-relief] .card{background-image:radial-gradient(200% 160% at 15% 10%,#ffffff6b 0%,#ffffff1c 38%,#0000 62%),radial-gradient(204% 144% at 110% 110%,#00000059 0%,#0000 55%)}.card__body{width:100%;height:var(--card-body-height,140px);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--card-text-color,#000000b3);resize:none;font-weight:300;line-height:1.5;overflow-y:auto}.card--hang-tag{overflow:visible}.card--hang-tag:after{content:"";border-left:22px solid #0000;border-right:22px solid #0000;border-bottom:20px solid var(--card-triangle-color,var(--color-card-bg));filter:drop-shadow(0 -1px 1px #00000026);z-index:9;pointer-events:none;width:0;height:0;position:absolute;top:-20px;left:calc(50% - 22px)}.card__hang-tag{pointer-events:none;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:-84px;left:50%;transform:translate(-50%)}.card__thread-svg{filter:drop-shadow(0 1px 2px #0000008c);width:24px;height:68px;display:block}.card__grommet{background:0 0;border:2.5px solid #c59f14;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 .5px #0000008c,inset 0 0 0 .5px #00000059,0 2px 4px #00000080,inset 0 1px 1px #ffdc504d,inset 0 2px 5px #000000d9}.column{background-color:var(--color-column-bg);border:.5px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-3);flex-direction:column;flex-shrink:0;width:280px;min-height:500px;padding:11px 12px 44px;display:flex;overflow:visible}.column__header{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:.5px solid var(--color-border);flex-direction:row;flex-shrink:0;display:flex}.column__title{font-size:var(--font-size-base);color:var(--color-text-primary);flex:1;min-width:0;font-weight:300}.column__collapse-btn{cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:.75rem;line-height:1;position:relative;overflow:hidden}.column__collapse-btn:hover{background-color:#0000}.column__collapse-btn:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.column__collapse-btn:hover:before{transition:left .8s;left:calc(100% + 30px)}.column--selected{outline:1.5px solid var(--color-border-focus);outline-offset:2px}.column__cards{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;padding-top:90px;display:flex;overflow:visible}.column__cards--collapsed{flex:unset;max-height:420px;position:relative;overflow:hidden}.column__cards-fade{background:linear-gradient(to bottom, transparent, var(--col-fade,var(--color-column-bg)));pointer-events:none;height:72px;position:absolute;bottom:0;left:0;right:0}.column__more-btn{cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-xs);letter-spacing:.03em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;align-self:center;font-weight:500;position:relative;overflow:hidden}.column__more-btn:hover{background-color:#0000}.column__more-btn:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.column__more-btn:hover:before{transition:left .8s;left:calc(100% + 30px)}body[data-theme=black-gold-relief] .column,body[data-theme=black-gold-live-relief] .column,body[data-theme=simple-glow-relief] .column,body[data-theme=stamped-metal-relief] .column,body[data-theme=black-gold-full-relief] .column,body[data-theme=black-gold-live-full-relief] .column,body[data-theme=simple-glow-full-relief] .column,body[data-theme=stamped-metal-full-relief] .column{background-image:radial-gradient(250% 200% at 15% 10%,#ffffff73 0%,#ffffff1f 40%,#0000 65%),radial-gradient(200% 150% at 85% 90%,#00000061 0%,#0000 55%)}.board-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.board-layout__loading{color:var(--color-text-muted);font-size:var(--font-size-sm);flex:1;justify-content:center;align-items:center;display:flex}.board-layout__middle{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.board-layout__main{background-color:var(--color-bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.board-layout__columns-viewport{min-height:calc(100vh - var(--nav-height) - var(--footer-height) - 80px);flex-shrink:0;position:relative;overflow:hidden}.board-layout__columns-viewport--grab{cursor:grab}.board-layout__columns-viewport--panning{cursor:grabbing}.board-layout__tool-switcher{top:var(--space-3);z-index:10;gap:var(--space-1);background:var(--color-surface-raised);border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.board-layout__tool-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.board-layout__tool-btn:hover{background:var(--color-surface);color:var(--color-text-secondary)}.board-layout__tool-btn--active{background:var(--color-surface);color:var(--color-accent-mid)}.board-layout__tool-divider{background:var(--color-border);width:.5px;margin:var(--space-1) 0;align-self:stretch}.board-layout__zoom-hint{padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:flex}.board-layout__columns-area{align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-4);transform-origin:0 0;flex-direction:row;display:flex}.board-layout__columns-area--grab{pointer-events:none}.board-layout__grab-overlay{z-index:5;position:absolute;inset:0}.board-layout__pool-area{border-top:.5px solid var(--color-border);padding:var(--space-6) var(--space-4);background-color:var(--color-bg);flex-shrink:0}.board-layout__pool-label{font-size:var(--font-size-xs);letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-4);font-weight:700}.board-layout__pool-grid{gap:var(--space-6);grid-template-columns:repeat(4,202px);align-items:start;padding-top:50px;padding-left:28px;display:grid}.projects-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.projects-layout__middle{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.projects-layout__main{background-color:var(--color-bg);padding:var(--space-6) var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.projects-layout__empty{color:var(--color-text-muted);font-size:var(--font-size-sm);flex:1;justify-content:center;align-items:center;font-weight:300;display:flex}.projects-layout__grid{gap:var(--space-6);padding-top:var(--space-4);padding-left:var(--space-4);grid-template-columns:repeat(4,225px);align-items:start;display:grid}.project-card{background-color:var(--color-surface-raised);border:.5px solid var(--color-border);border-radius:var(--radius-md);width:225px;min-height:100px;padding:var(--space-3);cursor:pointer;gap:var(--space-2);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}.project-card:hover{border-color:var(--color-accent-mid);box-shadow:0 2px 8px #c59f1426}.project-card--selected{border-color:var(--color-accent-mid);box-shadow:0 0 0 2px var(--color-accent-mid)}.project-card__title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.project-card__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:300;line-height:1.4}.project-card__date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:auto;font-weight:300}.project-card__shared-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.project-card__creator{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.project-card__role{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);padding:1px 6px;font-size:10px;font-weight:600}.project-card__role--editor{background-color:color-mix(in srgb, var(--color-accent-mid) 15%, transparent);color:var(--color-accent-mid)}.project-card__role--viewer{background-color:color-mix(in srgb, var(--color-text-muted) 12%, transparent);color:var(--color-text-muted)}.project-card__role--private{background-color:color-mix(in srgb, var(--color-text-muted) 8%, transparent);color:var(--color-text-muted)}.project-card__role--shared{color:#4299e1;background-color:#4299e11f}.auth-form__field textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast);resize:vertical;box-sizing:border-box;outline:none;width:100%;min-height:140px}.auth-form__field textarea:focus{border-color:var(--color-border-focus)}.auth-form__field label span{color:var(--color-text-muted);font-weight:400;font-size:var(--font-size-xs)}.support-success{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;gap:var(--space-4);flex-direction:column;display:flex}.support-success__message{color:var(--color-accent-mid);font-size:var(--font-size-base);font-weight:500}.support-success__back{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none}.support-success__back:hover{color:var(--color-text-primary)}.exhausted-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.exhausted-overlay__box{background:var(--color-surface,#1e293b);border:1px solid var(--color-border,#334155);border-radius:12px;width:100%;max-width:440px;padding:2rem}.exhausted-overlay__title{color:var(--color-error,#ef4444);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.exhausted-overlay__body{color:var(--color-text,#f1f5f9);margin:0 0 .75rem;font-size:.9375rem;line-height:1.55}.exhausted-overlay__hint{color:var(--color-text-muted,#94a3b8);margin:0 0 1.5rem;font-size:.875rem}.exhausted-overlay__actions{flex-direction:column;gap:.75rem;display:flex}.exhausted-overlay__dismiss{color:var(--color-text-muted,#94a3b8);cursor:pointer;text-align:center;background:0 0;border:none;padding:.25rem 0;font-size:.875rem}.exhausted-overlay__dismiss:hover{color:var(--color-text,#f1f5f9)}.admin-layout{background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);flex-direction:column;display:flex}.admin-main{padding:var(--space-8) var(--space-6);box-sizing:border-box;flex:1;width:100%;max-width:860px;margin:0 auto}.admin-stack{gap:var(--space-5);flex-direction:column;display:flex}.admin-title{font-size:var(--font-size-2xl);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary);margin:0 0 var(--space-6) 0;font-weight:300}.admin-title--inline{align-items:center;gap:var(--space-3);margin:0;display:flex}.admin-page-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.admin-back-link{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0;text-decoration:none}.admin-back-link:hover{color:var(--color-text-secondary)}.admin-card{background-color:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.admin-card--danger{border-color:color-mix(in srgb, var(--color-error) 50%, var(--color-border))}.admin-card__header{justify-content:space-between;align-items:center;display:flex}.admin-card__title{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:600}.admin-card__title--danger{color:var(--color-error)}.admin-card__title-count{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:300}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.admin-table__head-row{border-bottom:.5px solid var(--color-border);text-align:left}.admin-table__th{padding-bottom:var(--space-2);padding-right:var(--space-4);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.admin-table__row{border-bottom:.5px solid color-mix(in srgb, var(--color-border) 50%, transparent)}.admin-table__row:last-child{border-bottom:none}.admin-table__cell{padding:var(--space-2) var(--space-4) var(--space-2) 0;color:var(--color-text-primary);vertical-align:middle}.admin-table__cell--muted{color:var(--color-text-muted)}.admin-row-actions{align-items:center;gap:var(--space-3);display:flex}.admin-link{font-size:var(--font-size-xs);cursor:pointer;color:var(--color-accent-mid);transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none}.admin-link:hover{opacity:.75}.admin-link--danger{color:var(--color-error)}.admin-link--muted{color:var(--color-text-muted)}.admin-role-badge{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-weight:700}.admin-role-badge--admin{background-color:color-mix(in srgb, var(--color-accent-mid) 15%, transparent);color:var(--color-accent-mid)}.admin-role-badge--user{background-color:color-mix(in srgb, var(--color-text-muted) 12%, transparent);color:var(--color-text-muted)}.admin-role-badge--lg{font-size:var(--font-size-xs)}.admin-you-badge{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-mid);margin-left:var(--space-2);font-weight:700}.admin-search-row{gap:var(--space-2);display:flex}.admin-pagination{justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-2);display:flex}.admin-pagination__info{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-dl{gap:var(--space-1) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.admin-dl__row{display:contents}.admin-dl__label{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-1) 0;border-bottom:.5px solid color-mix(in srgb, var(--color-border) 60%, transparent);font-weight:700}.admin-dl__value{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-1) 0;border-bottom:.5px solid color-mix(in srgb, var(--color-border) 60%, transparent);font-weight:300}.admin-edit-form{gap:var(--space-4);flex-direction:column;display:flex}.admin-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.admin-field{gap:var(--space-1);flex-direction:column;display:flex}.admin-field-label{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.admin-input{background-color:var(--color-surface-raised);width:100%;color:var(--color-text-primary);border:.5px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:border-color var(--transition-fast);outline:none;font-family:inherit}.admin-input:focus{border-color:var(--color-accent-mid)}.admin-radio-group{gap:var(--space-4);display:flex}.admin-radio-label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.admin-radio-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-radio-text--admin{color:var(--color-accent-mid);font-weight:600}.admin-self-zone{border-top:.5px solid var(--color-border);padding-top:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.admin-confirm-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:opacity var(--transition-fast), background-color var(--transition-fast);border:none;font-weight:300;position:relative;overflow:hidden}.admin-btn:before{content:"";pointer-events:none;background:#ffffff61;width:36px;height:120%;position:absolute;top:-10%;left:-60px;transform:skew(-12deg)}.admin-btn:hover:not(:disabled):before{transition:left .8s;left:calc(100% + 30px)}.admin-btn:disabled{opacity:.4;cursor:not-allowed}.admin-btn:is(:hover,:focus):not(:disabled) .btn-trace__line,.admin-btn:is(:hover,:focus):not(:disabled) .btn-trace__blur{stroke-dashoffset:-80px;transition:stroke-dashoffset 1.2s ease-in}.admin-btn:is(:hover,:focus):not(:disabled) .btn-trace__container{animation:1.2s ease-in btn-trace-visibility}body[data-theme=black-gold-live] .admin-btn:before,body[data-theme=black-gold-live-relief] .admin-btn:before,body[data-theme=black-gold-live-card] .admin-btn:before,body[data-theme=black-gold-live-full-relief] .admin-btn:before{display:none}body[data-theme=black-gold-live] .admin-btn,body[data-theme=black-gold-live-relief] .admin-btn,body[data-theme=black-gold-live-card] .admin-btn,body[data-theme=black-gold-live-full-relief] .admin-btn{--trace-color:#ffffff8c}.admin-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.admin-btn--self-start{align-self:flex-start}.admin-btn--primary{background-color:var(--color-accent-mid);color:var(--color-text-on-dark);text-decoration:none}.admin-btn--primary:hover:not(:disabled){opacity:1}.admin-btn--ghost{border:.5px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.admin-btn--ghost:hover:not(:disabled){background-color:#0000}.admin-btn--danger{border:.5px solid var(--color-error);color:var(--color-error);background:0 0}.admin-btn--danger:hover:not(:disabled){background-color:#0000}.admin-btn--warning{border:.5px solid var(--color-accent-mid);color:var(--color-accent-mid);background:0 0}.admin-btn--warning:hover:not(:disabled){background-color:#0000}.admin-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.admin-error{font-size:var(--font-size-xs);color:var(--color-error);margin:0}.admin-success{font-size:var(--font-size-xs);color:var(--color-success);margin:0}.admin-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-4) 0;margin:0}.profile-2fa-badge{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-weight:700}.profile-2fa-badge--on{background-color:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.profile-2fa-badge--off{background-color:color-mix(in srgb, var(--color-text-muted) 12%, transparent);color:var(--color-text-muted)}.profile-totp-setup{gap:var(--space-4);flex-direction:column;display:flex}.profile-totp-qr{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:180px;height:180px}.profile-totp-secret{color:var(--color-text-secondary);word-break:break-all;font-family:monospace}.profile-codes-box{background:var(--color-surface-raised);border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.profile-codes-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.profile-delete-preview{gap:var(--space-3);flex-direction:column;display:flex}.profile-transfer-row{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-raised);border:.5px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.profile-transfer-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.profile-transfer-select{margin-top:var(--space-1)}.profile-code{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg);border:.5px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center;letter-spacing:.05em}.profile-appearance__grid{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.profile-appearance__card{gap:var(--space-2);min-width:160px;padding:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;flex:1;transition:border-color .15s;display:flex}.profile-appearance__card:hover{border-color:var(--color-text-muted)}.profile-appearance__card--selected{border-color:var(--color-accent-mid);box-shadow:0 0 0 1px var(--color-accent-mid)}.profile-appearance__nav-preview{background:var(--color-nav-bg);border-radius:var(--radius-sm);border:.5px solid var(--color-border);justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.profile-appearance__preview-btns{gap:4px;display:flex}.profile-appearance__preview-btn{border-radius:3px;width:22px;height:12px;display:inline-block}.profile-appearance__label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.profile-appearance__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.guide-modal-backdrop{z-index:100;padding:var(--space-5);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.guide-modal{background:var(--color-bg);border:.5px solid var(--color-accent-mid);border-radius:var(--radius-md);padding:var(--space-6);gap:var(--space-4);flex-direction:column;width:100%;max-width:520px;display:flex}.guide-modal__title{font-size:var(--font-size-xl);color:var(--color-accent-mid);letter-spacing:.02em;font-weight:500}.guide-modal__body{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:300;line-height:1.65}.guide-modal__body ul{margin:var(--space-3) 0 0 var(--space-4);gap:var(--space-2);flex-direction:column;list-style:outside;display:flex}.guide-modal__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:300}.guide-modal__hint strong{color:var(--color-accent-mid);font-weight:500}.guide-modal__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.guide-overlay{z-index:9999;background-color:var(--color-surface-raised);border-radius:var(--radius-md);width:280px;padding:var(--space-4);gap:var(--space-3);pointer-events:auto;border:1px solid #c59f14;flex-direction:column;display:flex;position:fixed;box-shadow:0 4px 24px #00000080}.guide-overlay__counter{font-size:var(--font-size-xs);color:#c59f14;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.guide-overlay__text{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:pre-line;margin:0;font-weight:300;line-height:1.6}.guide-overlay__actions{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-1);display:flex}.guide-overlay__controls{gap:var(--space-1);align-items:center;display:flex}.guide-overlay__ctrl-btn{border:.5px solid var(--color-border);width:24px;height:24px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.guide-overlay__ctrl-btn:hover:not(:disabled){color:var(--color-text-primary);border-color:#c59f14}.guide-overlay__ctrl-btn:disabled{opacity:.25;cursor:not-allowed}.guide-overlay__skip{font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;line-height:1}.guide-overlay__skip:hover{color:var(--color-text-secondary)}.guide-overlay__next{color:#000;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);cursor:pointer;background-color:#c59f14;border:none;margin-left:auto;font-family:inherit;font-weight:600}.guide-overlay__next:hover{background-color:#d4aa17}.guide-overlay--arrow-right:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #c59f14;width:0;height:0;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.guide-overlay--arrow-left:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:12px solid #c59f14;width:0;height:0;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.guide-overlay--arrow-up:after{content:"";border-bottom:12px solid #c59f14;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.guide-overlay--arrow-down:after{content:"";border-top:12px solid #c59f14;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.guide-target{outline-offset:3px;z-index:1001;animation:1.5s ease-in-out infinite guide-pulse;position:relative;outline:2px solid #c59f14!important}.guide-target--hover{transition:background-color .2s;background-color:#c59f1414!important;outline-color:#c59f14e6!important;animation:none!important}.guide-target--act{transition:transform .1s;transform:scale(.96);outline-color:#c59f14!important;animation:none!important}.card:has(.guide-target){overflow:visible}@keyframes guide-pulse{0%,to{outline-color:#c59f14}50%{outline-color:#c59f1466}}html.guide-active #root{pointer-events:none;-webkit-user-select:none;user-select:none}