:root{--cp-primary-50: #EEF2FA;--cp-primary-100: #D4DEEF;--cp-primary-200: #A9BDDF;--cp-primary-300: #7A97C9;--cp-primary-400: #4D70AE;--cp-primary-500: #1E4488;--cp-primary-600: #163568;--cp-primary-700: #102A52;--cp-primary-800: #0B1F3D;--cp-primary-900: #08172E;--cp-gold: #B0851F;--cp-gold-dark: #8A6716;--cp-gold-light: #F6EDD6;--cp-gray-25: #FCFCFD;--cp-gray-50: #F8FAFC;--cp-gray-100: #F1F5F9;--cp-gray-200: #E2E8F0;--cp-gray-300: #CBD5E1;--cp-gray-400: #94A3B8;--cp-gray-500: #64748B;--cp-gray-600: #475569;--cp-gray-700: #334155;--cp-gray-800: #1E293B;--cp-gray-900: #0F172A;--cp-success-light: #DCFCE7;--cp-success: #22C55E;--cp-success-dark: #15803D;--cp-warning-light: #FEF3C7;--cp-warning: #F59E0B;--cp-warning-dark: #B45309;--cp-danger-light: #FEE2E2;--cp-danger: #EF4444;--cp-danger-dark: #B91C1C;--cp-info-light: #DBEAFE;--cp-info: #0EA5E9;--cp-info-dark: #0369A1;--cp-bg: #F2F4F8;--cp-surface: #FFFFFF;--cp-surface-raised: #FFFFFF;--cp-surface-overlay: #FFFFFF;--cp-surface-hover: #F5F7FB;--cp-surface-active: #ECF0F6;--cp-border: #DEE3EC;--cp-border-strong: #C4CCDA;--cp-focus-ring: 0 0 0 3px rgba(30, 68, 136, .18);--cp-text: #16223B;--cp-text-secondary: #5A6678;--cp-text-tertiary: #8A93A3;--cp-text-inverse: #FFFFFF;--cp-link: #1E4488;--cp-link-hover: #163568;--cp-accent: #1E4488;--cp-accent-hover: #163568;--cp-accent-contrast: #FFFFFF;--cp-accent-soft: #EEF2FA;--cp-accent-soft-border: #D4DEEF;--cp-shadow-xs: 0 1px 1px rgba(16, 24, 40, .04);--cp-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--cp-shadow: 0 1px 3px rgba(16, 24, 40, .08);--cp-shadow-md: 0 4px 10px -4px rgba(16, 24, 40, .12);--cp-shadow-lg: 0 12px 24px -8px rgba(16, 24, 40, .16);--cp-shadow-xl: 0 20px 40px -12px rgba(16, 24, 40, .22);--cp-space-0: 0;--cp-space-1: 4px;--cp-space-2: 8px;--cp-space-3: 12px;--cp-space-4: 16px;--cp-space-5: 20px;--cp-space-6: 24px;--cp-space-8: 32px;--cp-space-10: 40px;--cp-space-12: 48px;--cp-space-16: 64px;--cp-radius-xs: 1px;--cp-radius-sm: 2px;--cp-radius: 4px;--cp-radius-md: 5px;--cp-radius-lg: 8px;--cp-radius-xl: 10px;--cp-radius-full: 9999px;--cp-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cp-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;--cp-text-xs: .6875rem;--cp-text-sm: .8125rem;--cp-text-base: .875rem;--cp-text-lg: 1rem;--cp-text-xl: 1.125rem;--cp-text-2xl: 1.375rem;--cp-text-3xl: 1.75rem;--cp-text-4xl: 2.25rem;--cp-leading-tight: 1.25;--cp-leading-normal: 1.5;--cp-leading-relaxed: 1.625;--cp-weight-normal: 400;--cp-weight-medium: 500;--cp-weight-semibold: 600;--cp-weight-bold: 700;--cp-duration-fast: .1s;--cp-duration: .15s;--cp-duration-slow: .25s;--cp-ease: cubic-bezier(.4, 0, .2, 1);--cp-ease-in: cubic-bezier(.4, 0, 1, 1);--cp-ease-out: cubic-bezier(0, 0, .2, 1);--cp-sidebar-width: 240px;--cp-sidebar-collapsed: 64px;--cp-topbar-height: 56px;--cp-content-max: 1440px;--cp-z-dropdown: 1000;--cp-z-modal: 1100;--cp-z-toast: 1200;--cp-z-command: 1300}[data-theme=dark]{--cp-bg: #0C111D;--cp-surface: #161B26;--cp-surface-raised: #1F2532;--cp-surface-overlay: #1F2532;--cp-surface-hover: #1F2532;--cp-surface-active: #293040;--cp-border: #293040;--cp-border-strong: #3B4358;--cp-text: #F0F3F9;--cp-text-secondary: #94A3B8;--cp-text-tertiary: #64748B;--cp-text-inverse: #0F172A;--cp-link: #6E96E0;--cp-link-hover: #87A8E8;--cp-accent: #6E96E0;--cp-accent-hover: #87A8E8;--cp-accent-contrast: #0C111D;--cp-accent-soft: #1B2740;--cp-accent-soft-border: #2C3C5C;--cp-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--cp-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--cp-shadow: 0 4px 8px rgba(0, 0, 0, .4);--cp-shadow-md: 0 12px 16px rgba(0, 0, 0, .4);--cp-shadow-lg: 0 20px 24px rgba(0, 0, 0, .5);--cp-shadow-xl: 0 24px 48px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--cp-font-sans);font-size:var(--cp-text-base);line-height:var(--cp-leading-normal);color:var(--cp-text);background:var(--cp-bg)}input,button,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--cp-link);text-decoration:none}a:hover{color:var(--cp-link-hover)}:focus-visible{outline:none;box-shadow:var(--cp-focus-ring)}::selection{background:var(--cp-primary-100);color:var(--cp-primary-900)}[data-theme=dark] ::selection{background:var(--cp-primary-800);color:var(--cp-primary-100)}.cp-mono{font-family:var(--cp-font-mono);font-variant-numeric:tabular-nums}.cp-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cp-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cp-slide-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes cp-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes cp-spin{to{transform:rotate(360deg)}}@keyframes cp-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.cp-card-header{flex-direction:column;align-items:stretch;gap:10px}}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--cp-topbar-height);padding:0 var(--cp-space-4);background:var(--cp-surface);border-bottom:1px solid var(--cp-border);gap:var(--cp-space-3);flex-shrink:0;z-index:var(--cp-z-sticky)}.topbar__left,.topbar__right{display:flex;align-items:center;gap:var(--cp-space-2)}.topbar__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--cp-text-secondary);border-radius:var(--cp-radius);cursor:pointer;transition:all var(--cp-transition)}.topbar__icon-btn:hover{background:var(--cp-surface-hover);color:var(--cp-text)}.topbar__search-trigger{display:flex;align-items:center;gap:var(--cp-space-2);padding:var(--cp-space-2) var(--cp-space-3);background:var(--cp-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius);color:var(--cp-text-tertiary);font-size:var(--cp-text-sm);cursor:pointer;min-width:240px;transition:all var(--cp-transition)}.topbar__search-trigger:hover{border-color:var(--cp-primary-300);color:var(--cp-text-secondary)}.topbar__search-trigger kbd{display:flex;align-items:center;gap:2px;margin-left:auto;padding:2px 6px;background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:4px;font-size:11px;font-family:var(--cp-font-sans);color:var(--cp-text-tertiary)}.topbar__bell{position:relative}.topbar__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--cp-danger);color:#fff;font-size:10px;font-weight:600;border-radius:var(--cp-radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.topbar__divider{width:1px;height:24px;background:var(--cp-border);margin:0 var(--cp-space-1)}.topbar__user{display:flex;align-items:center;gap:var(--cp-space-2);padding:var(--cp-space-1) var(--cp-space-2);border-radius:var(--cp-radius);cursor:default}.topbar__user-info{display:flex;flex-direction:column}.topbar__user-name{font-size:var(--cp-text-sm);font-weight:500;color:var(--cp-text);line-height:1.2}.topbar__user-email{font-size:var(--cp-text-xs);color:var(--cp-text-tertiary);line-height:1.2}@media (max-width: 768px){.topbar{padding:0 var(--cp-space-3);gap:var(--cp-space-2)}.topbar__left,.topbar__right{gap:var(--cp-space-2);min-width:0}.topbar__search-trigger{min-width:auto}.topbar__search-trigger span,.topbar__search-trigger kbd,.topbar__user-info,.topbar__divider,.topbar__branch-label{display:none}.topbar__branch{min-width:0;flex-shrink:1}.topbar__branch-select{max-width:34vw!important;text-overflow:ellipsis}}.sidebar{width:var(--cp-sidebar-width);height:100vh;background:var(--cp-surface);border-right:1px solid var(--cp-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;transition:width var(--cp-transition-slow);z-index:var(--cp-z-sticky)}.sidebar--collapsed{width:var(--cp-sidebar-collapsed)}.sidebar__brand{display:flex;align-items:center;gap:var(--cp-space-3);padding:var(--cp-space-4);height:var(--cp-topbar-height);border-bottom:1px solid var(--cp-border);flex-shrink:0}.sidebar__brand-name{font-size:var(--cp-text-lg);font-weight:700;color:var(--cp-text);white-space:nowrap;flex:1}.sidebar__toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--cp-text-secondary);border-radius:var(--cp-radius);cursor:pointer;flex-shrink:0;transition:all var(--cp-transition)}.sidebar__toggle-btn:hover{background:var(--cp-surface-hover);color:var(--cp-text)}.sidebar--collapsed .sidebar__brand{justify-content:center}.sidebar--collapsed .sidebar__toggle-btn{margin:0}.sidebar__nav{flex:1;padding:var(--cp-space-2);display:flex;flex-direction:column;gap:var(--cp-space-1)}.sidebar__group{display:flex;flex-direction:column;gap:1px}.sidebar__group--expandable{margin-bottom:var(--cp-space-1)}.sidebar__group-header{display:flex;align-items:center;gap:var(--cp-space-3);padding:var(--cp-space-2) var(--cp-space-3);border:none;background:transparent;color:var(--cp-text-secondary);font-size:var(--cp-text-sm);font-family:var(--cp-font-sans);font-weight:500;border-radius:var(--cp-radius);cursor:pointer;width:100%;text-align:left;transition:all var(--cp-transition)}.sidebar__group-header:hover{background:var(--cp-surface-hover);color:var(--cp-text)}.sidebar__group-header--active{color:var(--cp-primary-500)}.sidebar__group-header-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar__group-header-icon svg{width:18px;height:18px}.sidebar__group-header-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__group-header-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sidebar__group-header-subtitle{font-size:11px;line-height:1.1;color:var(--cp-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__group-header-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform var(--cp-transition)}.sidebar__group-header-chevron--expanded{transform:rotate(180deg)}.sidebar__subgroup{display:flex;flex-direction:column;gap:1px;padding-left:var(--cp-space-4);margin-top:var(--cp-space-1)}.sidebar__item--sub{padding-left:var(--cp-space-4)}.sidebar__group-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cp-text-tertiary);padding:var(--cp-space-3) var(--cp-space-3) var(--cp-space-1);white-space:nowrap}.sidebar__item{display:flex;align-items:center;gap:var(--cp-space-3);padding:var(--cp-space-2) var(--cp-space-3);border:none;background:transparent;color:var(--cp-text-secondary);font-size:var(--cp-text-sm);font-family:var(--cp-font-sans);border-radius:var(--cp-radius);cursor:pointer;width:100%;text-align:left;transition:all var(--cp-transition);white-space:nowrap}.sidebar__item:hover{background:var(--cp-surface-hover);color:var(--cp-text)}.sidebar__item--active{background:var(--cp-primary-50);color:var(--cp-primary-500);font-weight:500}[data-theme=dark] .sidebar__item--active{background:#1b5eed26}.sidebar__item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar__item-icon svg{width:18px;height:18px}.sidebar__item-label{overflow:hidden;text-overflow:ellipsis}.sidebar--collapsed .sidebar__item{justify-content:center;padding:var(--cp-space-2)}.sidebar--collapsed .sidebar__group-title,.sidebar__backdrop{display:none}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100dvh;width:min(300px,84vw);transform:translate(-100%);z-index:var(--cp-z-modal);box-shadow:var(--cp-shadow-lg)}.sidebar:not(.sidebar--collapsed){transform:translate(0)}.sidebar__backdrop{display:block;position:fixed;inset:0;background:#0f172a73;z-index:calc(var(--cp-z-modal) - 1)}}.cmd-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:var(--cp-z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .1s ease}.cmd{width:100%;max-width:560px;background:var(--cp-surface);border-radius:var(--cp-radius-lg);box-shadow:var(--cp-shadow-lg);overflow:hidden;animation:scaleIn .15s ease}.cmd__input-wrap{display:flex;align-items:center;gap:var(--cp-space-3);padding:var(--cp-space-3) var(--cp-space-4);border-bottom:1px solid var(--cp-border)}.cmd__input-wrap svg{color:var(--cp-text-tertiary);flex-shrink:0}.cmd__input{flex:1;border:none;background:transparent;font-size:var(--cp-text-base);font-family:var(--cp-font-sans);color:var(--cp-text);outline:none}.cmd__input::placeholder{color:var(--cp-text-tertiary)}.cmd__close{display:flex;padding:4px;border:none;background:transparent;color:var(--cp-text-tertiary);cursor:pointer;border-radius:var(--cp-radius-sm)}.cmd__close:hover{color:var(--cp-text);background:var(--cp-surface-hover)}.cmd__results{max-height:360px;overflow-y:auto;padding:var(--cp-space-2)}.cmd__section{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cp-text-tertiary);padding:var(--cp-space-2) var(--cp-space-3);margin-top:var(--cp-space-1)}.cmd__item{display:block;width:100%;text-align:left;padding:var(--cp-space-2) var(--cp-space-3);border:none;background:transparent;color:var(--cp-text);font-size:var(--cp-text-sm);font-family:var(--cp-font-sans);border-radius:var(--cp-radius);cursor:pointer;transition:background var(--cp-transition)}.cmd__item:hover,.cmd__item--selected{background:var(--cp-primary-50);color:var(--cp-primary-500)}[data-theme=dark] .cmd__item:hover,[data-theme=dark] .cmd__item--selected{background:#1b5eed26}.cmd__empty{padding:var(--cp-space-8);text-align:center;color:var(--cp-text-tertiary);font-size:var(--cp-text-sm)}.nc-backdrop{position:fixed;inset:0;z-index:var(--cp-z-modal);animation:fadeIn .1s ease}.nc{position:absolute;top:0;right:0;width:400px;max-width:100vw;height:100vh;background:var(--cp-surface);border-left:1px solid var(--cp-border);box-shadow:var(--cp-shadow-lg);display:flex;flex-direction:column;animation:slideRight .2s ease}.nc__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cp-space-4);border-bottom:1px solid var(--cp-border);flex-shrink:0}.nc__header-left{display:flex;align-items:center;gap:var(--cp-space-2)}.nc__header-left h2{font-size:var(--cp-text-base);font-weight:600;margin:0}.nc__header-left svg{color:var(--cp-text-secondary)}.nc__header-right{display:flex;align-items:center;gap:var(--cp-space-2)}.nc__count{background:var(--cp-primary-500);color:#fff;font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--cp-radius-full)}.nc__mark-all{font-size:var(--cp-text-xs);color:var(--cp-primary-500);background:none;border:none;cursor:pointer;font-family:var(--cp-font-sans)}.nc__mark-all:hover{text-decoration:underline}.nc__close{display:flex;padding:4px;border:none;background:transparent;color:var(--cp-text-tertiary);cursor:pointer;border-radius:var(--cp-radius-sm)}.nc__close:hover{color:var(--cp-text);background:var(--cp-surface-hover)}.nc__list{flex:1;overflow-y:auto}.nc__item{display:flex;align-items:flex-start;gap:var(--cp-space-3);padding:var(--cp-space-3) var(--cp-space-4);border:none;background:transparent;width:100%;text-align:left;cursor:pointer;border-bottom:1px solid var(--cp-border);transition:background var(--cp-transition);font-family:var(--cp-font-sans)}.nc__item:hover{background:var(--cp-surface-hover)}.nc__item--unread{background:var(--cp-primary-50)}[data-theme=dark] .nc__item--unread{background:#1b5eed14}.nc__item-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--cp-radius-full);margin-top:2px}.nc__item-icon svg{width:16px;height:16px}.nc__item-icon--success{background:#22c55e1a;color:var(--cp-success)}.nc__item-icon--warning{background:#f59e0b1a;color:var(--cp-warning)}.nc__item-icon--error{background:#ef44441a;color:var(--cp-danger)}.nc__item-icon--info{background:#0ea5e91a;color:var(--cp-info)}.nc__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.nc__item-title{font-size:var(--cp-text-sm);font-weight:500;color:var(--cp-text)}.nc__item-message{font-size:var(--cp-text-xs);color:var(--cp-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc__item-time{font-size:var(--cp-text-xs);color:var(--cp-text-tertiary);flex-shrink:0;margin-top:2px}.nc__empty{display:flex;flex-direction:column;align-items:center;gap:var(--cp-space-2);padding:var(--cp-space-10);color:var(--cp-text-tertiary)}.nc__empty svg{width:32px;height:32px;opacity:.4}.nc__empty p{font-size:var(--cp-text-sm);margin:0}.shell{display:flex;height:100vh;overflow:hidden;background:var(--cp-bg);color:var(--cp-text)}.shell__main{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left var(--cp-transition)}.shell__content{flex:1;overflow-y:auto;padding:var(--cp-space-6);scroll-behavior:smooth}@media (max-width: 768px){.shell__content{padding:var(--cp-space-4)}}.login{min-height:100vh;display:flex;overflow-x:hidden}.login__visual{flex:1.25 1 0;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:56px;overflow:hidden;background:#090d1a;isolation:isolate}.login__mesh{position:absolute;inset:-25%;z-index:-2;background:radial-gradient(38% 38% at 18% 24%,rgba(99,102,241,.55),transparent 70%),radial-gradient(34% 34% at 82% 18%,rgba(124,58,237,.5),transparent 70%),radial-gradient(46% 46% at 72% 82%,rgba(6,182,212,.28),transparent 70%),radial-gradient(40% 40% at 24% 86%,rgba(79,70,229,.45),transparent 70%);filter:blur(18px) saturate(125%);animation:meshDrift 22s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2.5%,-2%,0) scale(1.08)}to{transform:translate3d(-2.5%,2.5%,0) scale(1.05)}}.login__grid-overlay{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(120% 80% at 50% 10%,transparent 40%,rgba(5,8,18,.55) 100%);background-size:44px 44px,44px 44px,100% 100%}.login__visual-content{position:relative;z-index:1;max-width:500px}.login__logo-row{display:flex;align-items:center;gap:14px;margin-bottom:56px}.login__visual-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(124,58,237,.7))}.login__wordmark{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff}.login__visual-title{font-size:2.75rem;font-weight:800;line-height:1.12;color:#fff;margin:0 0 18px;letter-spacing:-.025em}.login__visual-title span{background:linear-gradient(95deg,#a78bfa,#818cf8 45%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login__visual-subtitle{font-size:1.05rem;color:#ffffffa8;margin:0 0 40px;line-height:1.6;max-width:440px}.login__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.login__features li{display:flex;align-items:center;gap:14px;color:#ffffffd1;font-size:.94rem;line-height:1.4}.login__feature-icon{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:#a5b4fc;backdrop-filter:blur(6px)}.login__visual-footer{position:relative;z-index:1}.login__badge{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffffffd9;font-size:.8rem;font-weight:500;backdrop-filter:blur(8px)}.login__badge svg{color:#4ade80}.login__panel{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--cp-bg);padding:48px 40px}.login__card{width:100%;max-width:420px;background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:18px;padding:40px 36px;box-shadow:0 1px 2px #0f172a0a,0 24px 48px -24px #0f172a40}.login__brand{text-align:center;margin-bottom:36px}.login__brand img{margin-bottom:16px;filter:drop-shadow(0 6px 18px rgba(99,102,241,.25))}.login__brand h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--cp-text);margin:0 0 6px}.login__brand p{font-size:.875rem;color:var(--cp-text-secondary);margin:0}.login__form{display:flex;flex-direction:column;gap:20px}.login__error{padding:12px 14px;background:color-mix(in srgb,var(--cp-danger) 10%,var(--cp-surface));border:1px solid color-mix(in srgb,var(--cp-danger) 30%,transparent);border-radius:9px;color:var(--cp-danger);font-size:.85rem;text-align:center}.login__field{display:flex;flex-direction:column;gap:7px}.login__field label{font-size:.85rem;font-weight:600;color:var(--cp-text)}.login__field input{padding:12px 14px;border:1.5px solid var(--cp-border);border-radius:10px;font-size:.9rem;font-family:var(--cp-font-sans);color:var(--cp-text);background:var(--cp-bg);transition:border-color .18s,box-shadow .18s;outline:none}.login__field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f129}.login__field input::placeholder{color:var(--cp-text-tertiary)}.login__input-wrap{position:relative;display:flex}.login__input-wrap input{flex:1;padding-right:44px}.login__pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--cp-text-tertiary);cursor:pointer;transition:color .15s,background .15s}.login__pw-toggle:hover{color:var(--cp-text);background:var(--cp-surface-hover)}.login__submit{padding:13px;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;font-family:var(--cp-font-sans);cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s;margin-top:4px;letter-spacing:.2px;box-shadow:0 6px 22px #6366f159}.login__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #6366f17a;filter:brightness(1.05)}.login__submit:active:not(:disabled){transform:translateY(0)}.login__submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.login__link{margin-top:12px;background:none;border:none;color:var(--cp-text-secondary);font-size:.82rem;font-weight:600;cursor:pointer}.login__link:hover{color:var(--cp-text)}.login__footer{margin-top:32px;text-align:center}.login__footer span{font-size:.75rem;color:var(--cp-text-tertiary)}.login__modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#090d1a9e;backdrop-filter:blur(3px);padding:16px}.login__modal{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:16px;padding:30px 28px;max-width:384px;width:100%;box-shadow:0 24px 60px #00000059;text-align:center}.login__modal-icon{width:50px;height:50px;border-radius:50%;background:color-mix(in srgb,var(--cp-warning) 18%,var(--cp-surface));color:var(--cp-warning);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.login__modal h2{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--cp-text)}.login__modal p{margin:0 0 22px;font-size:14px;color:var(--cp-text-secondary);line-height:1.55}.login__modal button{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;font-size:14px;font-weight:600;cursor:pointer}@media (max-width: 920px){.login{flex-direction:column}.login__visual{flex:none;min-height:220px;padding:32px 28px;justify-content:center}.login__logo-row{margin-bottom:18px}.login__visual-title{font-size:1.8rem;margin-bottom:10px}.login__visual-subtitle{margin-bottom:0;font-size:.95rem}.login__features,.login__visual-footer{display:none}.login__panel{width:100%;padding:24px 16px}.login__card{padding:28px 22px;border-radius:14px}}@media (prefers-reduced-motion: reduce){.login__mesh{animation:none}}