:root{--cp-primary-50: #EEF2FF;--cp-primary-100: #D8E2FE;--cp-primary-200: #B5C7FD;--cp-primary-300: #8AA6FB;--cp-primary-400: #5E83F7;--cp-primary-500: #1B5EED;--cp-primary-600: #1449CC;--cp-primary-700: #0E37A9;--cp-primary-800: #0A2885;--cp-primary-900: #061B5E;--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: #F4F6F9;--cp-surface: #FFFFFF;--cp-surface-raised: #FFFFFF;--cp-surface-overlay: #FFFFFF;--cp-surface-hover: #F8FAFC;--cp-surface-active: #F1F5F9;--cp-border: #E2E8F0;--cp-border-strong: #CBD5E1;--cp-focus-ring: 0 0 0 3px rgba(27, 94, 237, .15);--cp-text: #1E293B;--cp-text-secondary: #64748B;--cp-text-tertiary: #94A3B8;--cp-text-inverse: #FFFFFF;--cp-link: #1B5EED;--cp-link-hover: #1449CC;--cp-shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--cp-shadow-sm: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);--cp-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--cp-shadow-md: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--cp-shadow-lg: 0 20px 24px -4px rgba(16, 24, 40, .08), 0 8px 8px -4px rgba(16, 24, 40, .03);--cp-shadow-xl: 0 24px 48px -12px rgba(16, 24, 40, .18);--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: 2px;--cp-radius-sm: 4px;--cp-radius: 6px;--cp-radius-md: 8px;--cp-radius-lg: 12px;--cp-radius-xl: 16px;--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-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}}.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__search-trigger{min-width:auto}.topbar__search-trigger span,.topbar__search-trigger kbd,.topbar__user-info{display:none}}.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{display:none}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);z-index:var(--cp-z-modal);box-shadow:var(--cp-shadow-lg)}.sidebar:not(.sidebar--collapsed){transform:translate(0)}}.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:hidden}.login__visual{flex:0 0 58%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px;overflow:hidden}.login__visual-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 1.5s ease;z-index:0}.login__visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a0428e0,#581cebc2,#0e1e64d9);z-index:1}.login__visual:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.22) 0%,transparent 70%);top:-100px;right:-100px;z-index:1;pointer-events:none}.login__visual-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 80%,rgba(0,200,255,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 80% 20%,rgba(124,58,237,.14) 0%,transparent 60%);z-index:1;pointer-events:none}.login__visual-content{position:relative;z-index:2;max-width:480px}.login__visual-logo{width:60px;height:60px;object-fit:contain;margin-bottom:28px;filter:drop-shadow(0 0 16px rgba(124,58,237,.8))}.login__visual-title{font-size:2.4rem;font-weight:800;line-height:1.2;color:#fff;margin:0 0 16px;letter-spacing:-.5px}.login__visual-title span{background:linear-gradient(90deg,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login__visual-subtitle{font-size:1rem;color:#ffffffb3;margin:0 0 36px;line-height:1.6}.login__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.login__features li{display:flex;align-items:center;gap:12px;color:#ffffffd9;font-size:.9rem;line-height:1.4}.login__feature-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;backdrop-filter:blur(4px);color:#a78bfa}.login__visual-footer{position:relative;z-index:2;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.login__slide-dots{display:flex;gap:6px}.login__dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .35s ease;padding:0}.login__dot--active{background:#a78bfa;width:24px;border-radius:4px}.login__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#ffffffd9;font-size:.8rem;backdrop-filter:blur(8px)}.login__panel{flex:1;min-width:360px;display:flex;align-items:center;justify-content:center;background:var(--cp-bg);padding:48px 40px}.login__card{width:100%;max-width:380px}.login__brand{text-align:center;margin-bottom:36px}.login__brand img{margin-bottom:16px}.login__brand h1{font-size:1.6rem;font-weight:700;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:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:var(--cp-danger);font-size:.85rem;text-align:center}.login__field{display:flex;flex-direction:column;gap:6px}.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-surface);transition:all .2s;outline:none}.login__field input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.login__field input::placeholder{color:var(--cp-text-tertiary)}.login__submit{padding:13px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;font-family:var(--cp-font-sans);cursor:pointer;transition:all .2s;margin-top:4px;letter-spacing:.3px;box-shadow:0 4px 20px #7c3aed59}.login__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed80}.login__submit:active:not(:disabled){transform:translateY(0)}.login__submit:disabled{opacity:.65;cursor:not-allowed}.login__footer{margin-top:32px;text-align:center}.login__footer span{font-size:.75rem;color:var(--cp-text-tertiary)}@media (max-width: 768px){.login{flex-direction:column}.login__visual{min-height:220px;padding:32px 24px;flex:none}.login__visual-title{font-size:1.6rem}.login__features{display:none}.login__panel{width:100%;padding:32px 24px}}