:root{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-accent:#b8961e;--color-background-primary:#fff;--color-background-secondary:#f3f4f6;--color-background-tertiary:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border-tertiary:#e5e7eb;--border-radius-lg:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-background-primary)}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.app{background:var(--color-background-primary);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);z-index:50;flex-shrink:0;align-items:center;gap:0;height:40px;padding:0 6px;display:flex;position:relative}.tb-logo{letter-spacing:.1em;color:#b8961e;border-right:.5px solid var(--color-border-tertiary);white-space:nowrap;flex-shrink:0;margin-right:4px;padding:0 10px 0 4px;font-size:9px;font-weight:500}.tb-qc{border-right:.5px solid var(--color-border-tertiary);flex-shrink:0;align-items:center;gap:1px;margin-right:4px;padding:0 6px 0 2px;display:flex}.tb-qc-btn{cursor:pointer;width:28px;height:28px;color:var(--color-text-tertiary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.tb-qc-btn:hover{color:#c9a84c;background:#c9a84c1a}.tb-qc-btn i{font-size:15px}.tb-nav{flex:1;align-items:center;gap:1px;min-width:0;display:flex;overflow:hidden}.tb-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:42px;padding:3px 7px;transition:background .12s;display:flex;position:relative}.tb-btn:hover,.tb-btn.active{background:var(--color-background-primary)}.tb-btn.active:after{content:"";background:#b8961e;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:6px;right:6px}.tb-btn i{color:#6b7280;font-size:14px;transition:color .12s}.tb-btn span{color:#6b7280;white-space:nowrap;font-size:14px;line-height:1;transition:color .12s}.tb-btn.active i,.tb-btn.active span{color:#b8961e}.tb-btn:hover i,.tb-btn:hover span{color:var(--color-text-primary)}.tb-btn.dragging{opacity:.3}.tb-btn.drag-over{box-shadow:inset 2px 0 #b8961e}.tb-sep-v{background:var(--color-border-tertiary);flex-shrink:0;width:.5px;height:18px;margin:0 4px}.tb-right{border-left:.5px solid var(--color-border-tertiary);flex-shrink:0;align-items:center;gap:2px;padding-left:6px;display:flex}.tb-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative}.tb-icon:hover{background:var(--color-background-primary)}.tb-icon i{color:var(--color-text-secondary);font-size:15px}.tb-notif-dot{border:1.5px solid var(--color-background-secondary);background:#e24b4a;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.tb-profile{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:3px 7px;display:flex}.tb-profile:hover{background:var(--color-background-primary)}.tb-av{color:#b8961e;background:#1b2a4a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:8px;font-weight:500;display:flex}.tb-uname{color:var(--color-text-secondary);white-space:nowrap;font-size:10px}.tb-deco{cursor:pointer;background:#fcebeb;border:.5px solid #f09595;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:3px;display:flex}.tb-deco:hover{background:#f7c1c1}.tb-deco i{color:#a32d2d;font-size:14px}.body{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{border-right:.5px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:76px;display:flex}.sb-logo{border-bottom:.5px solid #ffffff14;justify-content:center;align-items:center;padding:10px 0 8px;display:flex}.sb-logo-t{letter-spacing:.08em;font-size:8px;font-weight:500}.sb-items{flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;display:flex;overflow:hidden auto}.sb-item{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;width:100%;padding:4px 0;display:flex}.sb-icon-sq{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;transition:background .15s;display:flex}.sb-icon-sq i{color:#ffffff8c;font-size:34px;transition:color .15s}.sb-item.active .sb-icon-sq i,.sb-item:hover .sb-icon-sq i{color:#fff}.sb-item-lbl{color:#ffffff73;text-align:center;letter-spacing:.07em;text-transform:uppercase;font-size:11px;line-height:1.2}.sb-item.active .sb-item-lbl{color:#ffffffe6}.sb-item.drag-over{border-top:2px solid #534ab7}.sb-nav-links{border-top:.5px solid #ffffff1a;flex-direction:column;align-items:center;padding:4px 0;display:flex}.sb-bottom{border-top:.5px solid #ffffff1a;flex-direction:column;align-items:center;display:flex}.sb-bot-btn{cursor:pointer;border-bottom:.5px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:8px 0;display:flex}.sb-bot-btn:last-child{border-bottom:none}.sb-bot-btn i{font-size:16px}.sb-bot-btn span{letter-spacing:.07em;text-transform:uppercase;margin-top:3px;font-size:8px}.sb-avatar{justify-content:center;padding:10px 0 12px;display:flex}.sb-av-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sb-av-circle span{color:#1e1a4e;font-size:15px;font-weight:600}.side-panel{background:var(--color-background-secondary);flex-direction:column;flex-shrink:0;width:0;transition:width .2s;display:flex;overflow:hidden}.side-panel.open{border-right:.5px solid var(--color-border-tertiary);width:222px}.panel-head{border-bottom:.5px solid var(--color-border-tertiary);flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 13px 8px;display:flex}.panel-title{color:var(--color-text-primary);font-size:13px;font-weight:500}.panel-sub{color:var(--color-text-secondary);margin-top:1px;font-size:10px}.panel-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0;font-size:14px}.panel-body{flex:1;padding:9px 13px 14px;overflow-y:auto}.pl{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 5px;font-size:10px}.pl:first-child{margin-top:0}.prow{border-bottom:.5px solid var(--color-border-tertiary);align-items:center;gap:8px;padding:6px 0;display:flex}.prow:last-child{border-bottom:none}.pico{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pico i{font-size:22px}.ptxt{flex:1}.plbl{color:var(--color-text-primary);font-size:13px;font-weight:500}.tog{cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:38px;height:22px;padding:0;transition:background .2s;position:relative}.tog-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.tog.on{background:#4caf50}.tog.off{background:#9e9e9e}.tog.on .tog-thumb{transform:translate(16px)}.sw-group{flex-wrap:wrap;gap:5px;margin:4px 0 3px;display:flex}.sw{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:20px;height:20px}.sw.sel{border-color:var(--color-text-primary)}.cr{align-items:center;gap:6px;margin-top:3px;display:flex}.cr label{color:var(--color-text-secondary);font-size:10px}.cr input[type=color]{border:.5px solid var(--color-border-tertiary);cursor:pointer;background:0 0;border-radius:4px;width:24px;height:20px;padding:1px}.th-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin:4px 0;display:grid}.th-card{border:.5px solid var(--color-border-tertiary);cursor:pointer;text-align:center;border-radius:6px;padding:5px 3px}.th-card.sel{border:2px solid #b8961e}.th-dot{border-radius:50%;width:14px;height:14px;margin:0 auto 2px}.th-name{color:var(--color-text-secondary);font-size:9px}.drag-row{border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);cursor:grab;border-radius:6px;align-items:center;gap:5px;margin-bottom:3px;padding:5px 7px;display:flex}.drag-row:active{cursor:grabbing;opacity:.6}.drag-row.drag-over-r{border-top:2px solid #b8961e}.drag-row i.grip{color:var(--color-text-tertiary);font-size:11px}.drag-row i.ico{font-size:13px}.drag-row .dname{color:var(--color-text-primary);flex:1;font-size:11px}.drag-row button{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0;font-size:12px}.add-form{flex-direction:column;gap:4px;margin-top:2px;display:flex}.add-form input,.add-form select{border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-primary);border-radius:6px;padding:4px 6px;font-size:11px}.add-btn{border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:5px;font-size:11px;display:flex}.fsc{align-items:center;gap:5px;margin-top:4px;display:flex}.fsb{border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);width:24px;height:24px;color:var(--color-text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.fsv{color:var(--color-text-secondary);text-align:center;min-width:28px;font-size:10px}.fsel{border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-primary);border-radius:6px;width:100%;margin-top:3px;padding:3px 5px;font-size:10px}.dal-grid{grid-template-columns:repeat(2,1fr);gap:3px;margin-top:4px;display:grid}.dal-btn{border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;text-align:center;border-radius:6px;padding:4px;font-size:10px}.dal-btn.sel{border:2px solid #b8961e;font-weight:500}.rst-btn{border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:10px}.main{background:var(--color-background-primary);flex:1;overflow-y:auto}.dash{padding:28px 32px}.dash-head{align-items:center;gap:12px;margin-bottom:1.2rem;display:flex}.dash-head i{font-size:24px}.dash-title{color:var(--color-text-primary);font-size:22px;font-weight:600}.dash-sub{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.dash-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dash-col{flex-direction:column;gap:14px;display:flex}.clock-block{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:20px 22px}.cl-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cl-time{color:var(--color-text-primary);letter-spacing:.02em;font-size:56px;font-weight:500;line-height:1}.cl-date{color:var(--color-text-secondary);margin-top:5px;font-size:13px}.cl-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.cl-badge{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;display:flex}.cl-badge i{font-size:14px}.cl-badge span{color:var(--color-text-primary);font-size:12px}.cl-div{background:var(--color-border-tertiary);height:.5px;margin:6px 0}.cl-bot{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cl-info{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.cl-info i{flex-shrink:0;font-size:16px}.ci-lbl{color:var(--color-text-secondary);font-size:10px}.ci-val{color:var(--color-text-primary);margin-top:1px;font-size:12px;font-weight:500}.mantra{background:var(--color-background-secondary);border-left:4px solid #b8961e;border-radius:10px;padding:16px 18px}.mantra-t{color:var(--color-text-primary);font-size:17px;font-style:italic;line-height:1.6}.mantra-s{color:var(--color-text-secondary);margin-top:6px;font-size:12px}.metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mc{background:var(--color-background-secondary);border-radius:10px;padding:16px 18px}.mc-lbl{color:var(--color-text-secondary);margin-bottom:6px;font-size:13px}.mc-val{color:var(--color-text-primary);font-size:40px;font-weight:500;line-height:1}.recent-block{background:var(--color-background-secondary);border-radius:10px;flex:1;padding:14px 16px}.rb-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:10px}.rb-row{border-bottom:.5px solid var(--color-border-tertiary);align-items:center;gap:10px;padding:8px 0;display:flex}.rb-row:last-child{border-bottom:none}.rb-av{color:#b8961e;background:#1b2a4a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:500;display:flex}.rb-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.rb-meta{color:var(--color-text-secondary);margin-top:1px;font-size:12px}.rb-badge{color:#3b6d11;background:#eaf3de;border-radius:20px;margin-left:auto;padding:3px 9px;font-size:11px}.profil{padding:1.1rem}.pf-header{border-bottom:.5px solid var(--color-border-tertiary);align-items:center;gap:14px;margin-bottom:1rem;padding-bottom:1rem;display:flex}.pf-av{color:#b8961e;background:#1b2a4a;border:2px solid #b8961e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:17px;font-weight:500;display:flex}.pf-name{color:var(--color-text-primary);font-size:17px;font-weight:500}.pf-role{color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:2px;font-size:14px;display:flex}.pf-plan{color:#633806;background:#faeeda;border-radius:20px;padding:2px 7px;font-size:13px;font-weight:500}.pf-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:1rem;display:grid}.pf-stat{background:var(--color-background-secondary);text-align:center;border-radius:6px;padding:8px 10px}.pf-stat-val{color:var(--color-text-primary);font-size:28px;font-weight:500}.pf-stat-lbl{color:var(--color-text-secondary);margin-top:2px;font-size:14px}.pf-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:10px}.pf-grid{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:1rem;display:grid}.pf-field{background:var(--color-background-secondary);border-radius:6px;padding:7px 10px}.pf-field-lbl{color:var(--color-text-secondary);margin-bottom:2px;font-size:9px}.pf-field-val{color:var(--color-text-primary);font-size:11px;font-weight:500}.pf-actions{flex-direction:column;gap:5px;display:flex}.pf-btn{border:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 12px;display:flex}.pf-btn i{font-size:14px}.pf-btn span{color:var(--color-text-primary);font-size:12px}.pf-btn-danger{background:#fcebeb;border-color:#f09595}.pf-btn-danger i,.pf-btn-danger span{color:#a32d2d}.simple-page{padding:1rem}.sp-title{color:var(--color-text-primary);align-items:center;gap:8px;margin-bottom:.8rem;font-size:15px;font-weight:500;display:flex}.sp-title i{font-size:18px}.sp-card{background:var(--color-background-secondary);cursor:pointer;border-radius:6px;margin-bottom:6px;padding:10px 12px}.sp-card:hover{background:var(--color-background-tertiary)}.sp-card-q{color:var(--color-text-primary);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.sp-card-q i{color:var(--color-text-tertiary);flex-shrink:0;font-size:12px;transition:transform .2s}.sp-card-a{color:var(--color-text-secondary);margin-top:5px;font-size:11px;line-height:1.5;display:none}.sp-card.open .sp-card-a{display:block}.sp-card.open .sp-card-q i{transform:rotate(90deg)}.news-item{background:var(--color-background-secondary);border-radius:6px;margin-bottom:6px;padding:10px 12px}.news-tag{border-radius:20px;margin-bottom:5px;padding:2px 7px;font-size:9px;font-weight:500;display:inline-block}.tag-new{color:#0c447c;background:#e6f1fb}.tag-maj{color:#633806;background:#faeeda}.tag-tip{color:#27500a;background:#eaf3de}.news-title{color:var(--color-text-primary);margin-bottom:3px;font-size:12px;font-weight:500}.news-desc{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.news-date{color:var(--color-text-tertiary);margin-top:4px;font-size:10px}.notif-drop{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);z-index:200;flex-direction:column;width:270px;display:none;position:absolute;top:42px;right:76px;overflow:hidden;box-shadow:0 4px 16px #00000014}.notif-drop.open{display:flex}.nd-head{border-bottom:.5px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.nd-title{color:var(--color-text-primary);font-size:12px;font-weight:500}.nd-clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.nd-item{border-bottom:.5px solid var(--color-border-tertiary);cursor:pointer;align-items:flex-start;gap:7px;padding:8px 12px;display:flex}.nd-item:last-child{border-bottom:none}.nd-item:hover,.nd-item.unread{background:var(--color-background-secondary)}.nd-ico{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.nd-ico i{font-size:13px}.nd-body{flex:1}.nd-msg{color:var(--color-text-primary);font-size:11px;font-weight:500;line-height:1.3}.nd-time{color:var(--color-text-secondary);margin-top:2px;font-size:10px}.nd-dot{background:#378add;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.search-overlay{background:var(--color-background-primary);border-bottom:.5px solid var(--color-border-tertiary);z-index:150;align-items:center;gap:8px;padding:8px 12px;display:none;position:absolute;top:42px;left:0;right:0}.search-overlay.open{display:flex}.search-overlay input{border:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);color:var(--color-text-primary);border-radius:6px;outline:none;flex:1;padding:5px 10px;font-size:13px}.search-overlay button{border:.5px solid var(--color-border-tertiary);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 9px;font-size:11px}.deco-backdrop{z-index:300;background:#00000052;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.deco-backdrop.open{display:flex}.deco-box{background:var(--color-background-primary);border-radius:var(--border-radius-lg);border:.5px solid var(--color-border-tertiary);width:240px;overflow:hidden}.deco-head{text-align:center;border-bottom:.5px solid var(--color-border-tertiary);padding:18px 16px}.deco-ring{background:#fcebeb;border:2px solid #f09595;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;display:flex}.deco-ring i{color:#a32d2d;font-size:22px}.deco-name{color:var(--color-text-primary);font-size:13px;font-weight:500}.deco-sub{color:var(--color-text-secondary);margin-top:3px;font-size:10px}.deco-foot{display:flex}.deco-cancel{cursor:pointer;color:var(--color-text-secondary);border:none;border-right:.5px solid var(--color-border-tertiary);background:0 0;flex:1;padding:10px;font-size:11px}.deco-cancel:hover{background:var(--color-background-secondary)}.deco-confirm{cursor:pointer;color:#a32d2d;background:#fcebeb;border:none;flex:1;padding:10px;font-size:11px;font-weight:500}.deco-confirm:hover{background:#f7c1c1}.ag-pill-time{font-size:13px}.ag-pill-label{font-size:15px}.hidden{display:none!important}.landing-header{padding:0 40px}.landing-hero{grid-template-columns:1fr 420px;align-items:center;gap:60px;max-width:1100px;margin:0 auto;padding:80px 40px;display:grid}.landing-features-section{padding:80px 40px}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1023px){.landing-header{padding:0 20px}.landing-tagline,.landing-nav-features{display:none}.landing-hero{grid-template-columns:1fr;gap:36px;padding:48px 20px}.landing-features-section{padding:56px 20px}.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.landing-header{padding:0 14px}.landing-hero{gap:28px;padding:32px 14px}.landing-features-section{padding:40px 14px}.landing-features-grid{grid-template-columns:1fr}}.navbar,.navbar-content{align-items:center;gap:8px;display:flex}.navbar-greeting{color:var(--color-text-secondary);font-size:11px}.navbar-burger{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:none}.navbar-burger:hover{background:var(--color-background-tertiary)}.navbar-burger i{font-size:18px}@media (width<=1023px){.navbar-burger{display:flex}.navbar-greeting{display:none}}.dash-row-top{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dash-agenda-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dash-overview-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.dash-lists-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dash-row-bottom{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1023px){.dash{padding:20px 18px}.dash-row-top{grid-template-columns:1fr 1fr}}@media (width<=767px){.dash{padding:14px 12px}.dash-row-top,.dash-agenda-grid,.dash-overview-grid,.dash-lists-grid,.dash-row-bottom{grid-template-columns:1fr}.dash-head{flex-direction:column;align-items:flex-start;gap:4px}.dash-title{font-size:18px}}.login-wrap{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#1e293b;border:.5px solid #ffffff14;border-radius:12px;width:320px;padding:32px 28px}.login-logo{letter-spacing:.12em;color:#b8961e;text-align:center;font-size:18px;font-weight:600}.login-logo span{color:#f1f5f9}.login-sub{color:#64748b;text-align:center;margin-top:4px;margin-bottom:28px;font-size:11px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-field label{color:#94a3b8;font-size:11px}.login-field input{color:#f1f5f9;background:#0f172a;border:.5px solid #ffffff1a;border-radius:7px;outline:none;padding:8px 11px;font-size:13px;transition:border-color .15s}.login-field input:focus{border-color:#b8961e}.login-field input::placeholder{color:#475569}.login-error{color:#f87171;background:#f871711a;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.login-error i{flex-shrink:0;font-size:13px}.login-btn{color:#fff;cursor:pointer;background:#b8961e;border:none;border-radius:7px;justify-content:center;align-items:center;margin-top:4px;padding:10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.login-btn:hover:not(:disabled){background:#a07d18}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:16px}.login-footer a{color:#64748b;font-size:11px;text-decoration:none}.login-footer a:hover{color:#b8961e}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}