@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color: #0b1121;--surface-color: #1e293b;--surface-hover: #334155;--primary-color: #3b82f6;--secondary-color: #64748b;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--accent-orange: #f97316;--accent-purple: #8b5cf6;--accent-blue: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .05);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--font-family: "Inter", system-ui, -apple-system, sans-serif;--bg-card: var(--surface-color);--bg-primary: var(--bg-color);--bg-hover: var(--surface-hover);--border-light: var(--border-color);--accent-primary: var(--primary-color)}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 50% 0%,#172554 0%,var(--bg-color) 40%);min-height:100vh;display:flex;flex-direction:column}#root{width:100%;height:100%}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.app-container{width:100%;height:100%}.auth-loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#020617;color:#e2e8f0;font-size:1rem}.app-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:300;padding:1.5rem 2rem;background:#09143847;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;transition:background .25s ease,backdrop-filter .25s ease}.app-header.is-scrolled{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.branding{display:flex;align-items:center;gap:1rem}.branding h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.5px}.badge-online{background:#3b82f633;color:var(--primary-color);font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;letter-spacing:.5px;border:1px solid rgba(59,130,246,.3)}.header-controls{display:flex;align-items:center;gap:1.25rem;flex-wrap:nowrap;flex-shrink:0}.icon-btn.add-btn{background:#ffffff1a;color:var(--text-primary);border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:background .2s}.icon-btn.add-btn:hover{background:#fff3}.icon-btn.lock-btn{border:1px solid rgba(148,163,184,.35);background:#0f172abf;color:var(--text-primary);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;flex-shrink:0}.icon-btn.lock-btn:hover{border-color:#38bdf8a6;background:#0f172af2;color:var(--primary-color, #3b82f6)}.icon-btn.add-btn.is-open{background:#3b82f64d}.add-widget-menu{position:relative}.add-widget-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:230px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 25px -5px #0006;padding:.55rem;z-index:1000;animation:fadeIn .2s cubic-bezier(.16,1,.3,1);transform-origin:top right}.add-widget-title{color:var(--text-secondary);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;margin:.2rem .35rem .5rem}.add-widget-empty{color:var(--text-secondary);font-size:.85rem;padding:.6rem .65rem}.add-widget-item{width:100%;display:flex;align-items:center;gap:.6rem;border:none;background:transparent;color:var(--text-primary);font-size:.88rem;border-radius:8px;padding:.6rem .65rem;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.add-widget-item:hover{background:var(--bg-hover);color:var(--accent-primary)}.toggle-switch{display:inline-flex;align-items:center;gap:.5rem;background:#0f172abf;padding:.35rem .65rem;border-radius:20px;border:1px solid rgba(148,163,184,.35);flex-shrink:0;cursor:pointer;transition:border-color .2s ease,background .2s ease}.toggle-switch:hover{border-color:#38bdf8a6;background:#0f172af2}.icon-lock{color:var(--text-secondary);flex-shrink:0}.switch{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0;margin:0;cursor:pointer}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;inset:0;background-color:#334155;transition:.3s ease}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease}input:checked+.slider{background-color:var(--primary-color, #3b82f6)}input:checked+.slider:before{transform:translate(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.time-display{text-align:right;display:flex;flex-direction:column;justify-content:center;white-space:nowrap;flex-shrink:0;min-width:60px}.time-display .time{font-weight:700;font-size:1rem;color:var(--text-primary);line-height:1.2}.time-display .date{font-size:.75rem;color:var(--text-secondary);line-height:1.2}.user-profile{position:relative;cursor:pointer}.user-profile .avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--surface-color);transition:transform .2s ease,box-shadow .2s ease}.user-profile:hover .avatar{transform:scale(1.05);box-shadow:0 0 0 2px #3b82f680}.user-profile .avatar-fallback{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#334155,#1e293b)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:200px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 25px -5px #0006;padding:.5rem;z-index:1000;animation:fadeIn .2s cubic-bezier(.16,1,.3,1);transform-origin:top right}.user-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;width:100%;text-align:left;background:none;border:none;color:var(--text-primary);font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.user-menu-item:hover{background:var(--bg-hover);color:var(--accent-primary)}.user-menu-item svg{color:var(--text-secondary);transition:color .2s ease}.user-menu-item:hover svg{color:var(--accent-primary)}.user-menu-divider{height:1px;background:var(--border-light);margin:.5rem 0}.user-menu-item.danger{color:#ef4444}.user-menu-item.danger:hover{background:#ef44441a}.user-menu-item.danger svg{color:#ef4444}@media(max-width:1024px){.app-header{align-items:flex-start;gap:.9rem;flex-direction:column}.header-controls{width:100%;justify-content:space-between;gap:1rem;flex-wrap:wrap}}@media(max-width:720px){.app-header{padding:1.1rem .75rem}.branding h1{font-size:1.1rem}.toggle-switch .label{display:none}}.notification-center{position:relative}.notification-trigger{position:relative;border:1px solid rgba(148,163,184,.35);background:#0f172abf;color:var(--text-primary);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.notification-trigger:hover,.notification-trigger.is-open{border-color:#38bdf8a6;background:#0f172af2}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #0f172a}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,92vw);max-height:420px;border-radius:14px;border:1px solid rgba(148,163,184,.3);background:#0f172af7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 42px #0206178c;overflow:hidden;z-index:1500}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border-bottom:1px solid rgba(148,163,184,.2)}.notification-panel-header h3{margin:0;font-size:.9rem;color:var(--text-primary)}.mark-all-btn{border:none;background:transparent;color:#7dd3fc;display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;cursor:pointer;padding:0}.mark-all-btn:hover{color:#bae6fd}.notification-list{display:flex;flex-direction:column;max-height:350px;overflow-y:auto}.notification-empty{margin:0;padding:1.2rem 1rem;color:var(--text-secondary);font-size:.85rem}.notification-item{border:none;width:100%;text-align:left;background:transparent;color:var(--text-primary);display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .9rem;cursor:pointer;border-bottom:1px solid rgba(148,163,184,.08);transition:background .2s ease}.notification-item:hover{background:#1e293ba6}.notification-item.is-read{opacity:.7}.notification-item-icon{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#3b82f626;color:#93c5fd}.notification-item-content{display:inline-flex;flex-direction:column;min-width:0;flex:1}.notification-item-title{font-size:.82rem;font-weight:600;line-height:1.2}.notification-item-message{font-size:.75rem;color:var(--text-secondary);margin-top:.2rem;line-height:1.3}.notification-dot{width:8px;height:8px;margin-top:.32rem;border-radius:50%;background:#22d3ee;flex-shrink:0}.widget-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--glass-shadow);transition:all .2s ease;cursor:pointer;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%}.widget-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.widget-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.widget-body{flex:1;color:var(--text-secondary);font-size:.9rem;display:flex;flex-direction:column}.header-info{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.t1d-main{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;overflow:hidden}.t1d-sparkline-bg{position:absolute;inset:50% 0 0;opacity:.6;pointer-events:none;z-index:0;transform:translateY(-20%)}.t1d-sparkline-bg svg{width:100%;height:100%}.metric-large{position:relative;z-index:1;display:flex;align-items:baseline;gap:.5rem}.metric-large .value{font-size:3.5rem;font-weight:700;color:var(--text-primary);line-height:1}.metric-large .unit{color:var(--text-secondary);font-size:1rem}.mini-chart{width:100%;height:60px;margin:1rem 0}.t1d-footer{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.server-widget-container{display:flex;flex-direction:column;gap:.75rem;height:100%}.server-selector-bar{display:flex;justify-content:space-between;align-items:center;background:#0f172a73;padding:.35rem .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.server-selector-tabs{display:flex;gap:.4rem}.server-tab-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.server-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.server-tab-btn.active{background:#3b82f633;border-color:#3b82f666;color:#60a5fa;box-shadow:0 0 12px #3b82f633}.server-status-pill{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:12px}.server-status-pill.online{color:#34d399;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.server-status-pill.offline{color:#f87171;background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.server-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;flex:1}.metric-chart-card{position:relative;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:110px;box-shadow:inset 0 1px #ffffff0d}.metric-chart-bg{position:absolute;bottom:0;left:0;right:0;width:100%;height:70%;pointer-events:none;z-index:1;opacity:.45}.metric-card-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;justify-content:space-between}.metric-card-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-card-title{display:flex;align-items:center;gap:6px}.metric-card-val-row{display:flex;align-items:baseline;gap:8px;margin:.35rem 0}.metric-card-big-value{font-size:1.85rem;font-weight:700;line-height:1;letter-spacing:-.5px;color:#fff}.metric-card-sub{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.metric-card-bar-track{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-top:.4rem}.metric-card-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.metric-card-bar-fill.cpu{background:linear-gradient(90deg,#06b6d4,#3b82f6);box-shadow:0 0 8px #3b82f680}.metric-card-bar-fill.ram{background:linear-gradient(90deg,#8b5cf6,#ec4899);box-shadow:0 0 8px #8b5cf680}.server-bottom-info{display:flex;justify-content:space-between;align-items:center;background:#0003;border-radius:8px;padding:.4rem .8rem;font-size:.72rem;color:var(--text-secondary);border:1px solid rgba(255,255,255,.04)}.server-info-item{display:flex;align-items:center;gap:5px}.server-info-item .val{color:var(--text-primary);font-weight:500}.fleet-widget-content{display:flex;flex-direction:column;gap:.75rem;height:100%}.fleet-count-chip{min-width:1.5rem;height:1.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--text-primary);background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.fleet-empty{min-height:120px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem;color:var(--text-secondary)}.fleet-empty svg{color:var(--accent-red)}.fleet-empty p{margin:0;font-weight:600}.fleet-empty span{font-size:.8rem}.fleet-list{display:flex;flex-direction:column;gap:.5rem}.car-item{display:flex;gap:.6rem;background:#ffffff08;padding:.55rem;border-radius:10px;border:1px solid rgba(255,255,255,.04);align-items:center}.car-icon{width:30px;height:30px;background:#1e293bb3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.car-info{flex:1;min-width:0}.car-header{display:flex;justify-content:space-between;align-items:baseline;gap:.35rem;margin-bottom:.1rem}.car-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-status{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.car-status.ok{color:var(--accent-green)}.car-status.warning{color:var(--accent-yellow)}.car-status.danger{color:var(--accent-red)}.car-status.neutral{color:var(--text-secondary)}.status-sub{font-size:.7rem;color:var(--text-secondary);margin-top:.2rem;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar-fleet{height:4px;background:#94a3b840;border-radius:999px;width:100%;overflow:hidden;margin-top:.3rem}.progress-fill{height:100%}.progress-fill.ok{background:var(--accent-green)}.progress-fill.warning{background:var(--accent-yellow)}.progress-fill.danger{background:var(--accent-red)}.progress-fill.neutral{background:#94a3b880}.fleet-more{font-size:.72rem;color:var(--text-secondary);text-align:right}.summary-widget-content{height:100%;display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-height:0}.summary-header-row{display:flex;justify-content:space-between;align-items:flex-start}.summary-title-section{display:flex;flex-direction:column}.summary-lead{margin:0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.2;color:var(--text-primary);font-weight:700;text-transform:capitalize}.summary-date{font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.summary-weather-icon{display:flex;align-items:center;justify-content:center;padding:2px}.summary-info-grid{display:flex;flex-direction:column;gap:.4rem}.summary-weather-text{margin:0;font-size:.85rem;color:var(--text-primary);line-height:1.4}.summary-rain-text{margin:0;font-size:.8rem;color:var(--accent-blue);font-weight:500}.summary-temp-range{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.35rem .65rem;border-radius:8px;width:fit-content;border:1px solid rgba(255,255,255,.05)}.temp-range-icon{color:var(--accent-orange);opacity:.8}.temp-range-text{font-size:.75rem;color:var(--text-secondary)}.temp-range-text strong{color:var(--text-primary);font-weight:600}.summary-agenda{margin-top:.25rem;font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:2px solid rgba(139,92,246,.3);padding-left:.65rem}.weather-loading{min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;color:var(--text-secondary)}.weather-error{color:#ef4444}.weather-main{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.25rem}.temp-large{font-size:2.5rem;font-weight:700;line-height:1;display:flex;flex-direction:column;color:var(--text-primary)}.condition{font-size:.9rem;font-weight:400;color:var(--text-primary)}.weather-meta{font-size:.8rem;color:var(--text-primary);display:flex;flex-direction:column}.forecast-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.forecast-day-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .25rem;border-radius:8px;background:#ffffff05;min-height:78px}.forecast-day-name{font-size:.78rem;color:var(--text-primary);text-transform:capitalize}.forecast-day-temp{font-size:.78rem;color:var(--text-primary);white-space:nowrap}@media(max-width:768px){.forecast-week{grid-template-columns:repeat(4,minmax(0,1fr))}}.gmail-empty-widget{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:.5rem;min-height:100px}.gmail-empty-widget p{margin:0;font-size:.9rem}.badge-gray{background:#ffffff1a;color:var(--text-secondary);font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600}.gmail-list{display:flex;flex-direction:column;gap:.45rem;height:100%;max-height:190px;overflow-y:auto;padding-right:4px}.gmail-item{display:flex;flex-direction:column;gap:2px;padding:.45rem .6rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .15s ease}.gmail-item:hover{background:#ffffff12;border-color:#38bdf840}.gmail-item.unread{border-left:3px solid var(--primary-color, #3b82f6);background:#3b82f60d}.gmail-item-header{display:flex;justify-content:space-between;align-items:center;font-size:.76rem}.gmail-from{font-weight:600;color:var(--text-primary);max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmail-date{font-size:.68rem;color:var(--text-secondary)}.gmail-subject{font-size:.8rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmail-snippet{font-size:.72rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stocks-widget-loading{height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;color:var(--text-secondary)}.spin{animation:stocks-spin 1s linear infinite}@keyframes stocks-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stocks-widget-chip{font-size:.75rem;color:var(--text-secondary)}.stocks-widget-list{display:flex;flex-direction:column;gap:.55rem}.stocks-widget-row{display:grid;grid-template-columns:70px 1fr auto;gap:.75rem;align-items:center;padding:.55rem .6rem;border-radius:10px;background:#ffffff08}.stock-symbol{font-weight:700;letter-spacing:.02em}.stock-price{font-size:.9rem;color:var(--text-primary)}.stock-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;font-weight:600}.stock-change.up{color:var(--accent-green)}.stock-change.down{color:var(--accent-red)}.stocks-widget-empty{color:var(--text-secondary);font-size:.85rem}.company-widget{padding:.45rem 1rem .9rem}.company-widget-content{height:100%;display:flex;flex-direction:column;gap:.65rem;min-height:0}.company-widget-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.company-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.1rem}.company-name-section{display:flex;align-items:center;gap:.75rem}.company-icon{width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.company-name{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.manage-button{display:flex;align-items:center;gap:.35rem;padding:.45rem .8rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#a78bfa;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.manage-button:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}.company-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;flex:1;min-height:0}.balance-section{background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;gap:.45rem;min-height:0}.balance-header{display:flex;align-items:center;justify-content:space-between}.balance-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.balance-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.balance-change.positive{color:#10b981;background:#10b9811a}.balance-change.negative{color:#ef4444;background:#ef44441a}.balance-change svg{width:12px;height:12px}.balance-change.negative svg{transform:rotate(180deg)}.balance-amount{font-size:clamp(2rem,2.8vw,2.4rem);font-weight:700;color:var(--text-primary);line-height:1}.balance-sparkline{width:100%;height:42px;margin:.2rem 0}.balance-footer{display:flex;flex-direction:column;gap:.2rem;padding-top:.35rem;border-top:1px solid rgba(139,92,246,.15);min-height:0}.balance-info{font-size:.72rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-tasks-section{background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.tasks-header{display:flex;align-items:center;justify-content:space-between}.tasks-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.view-all-tasks{background:none;border:none;color:#a78bfa;font-size:.75rem;font-weight:600;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:all .2s}.view-all-tasks:hover{background:#8b5cf61a;color:#c4b5fd}.company-tasks-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1;min-height:0}.company-tasks-list::-webkit-scrollbar{width:4px}.company-tasks-list::-webkit-scrollbar-track{background:transparent}.company-tasks-list::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:10px}.company-tasks-list::-webkit-scrollbar-thumb:hover{background:#8b5cf666}.company-task-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(139,92,246,.1);transition:all .2s;cursor:pointer}.company-task-item:hover{background:#8b5cf614;border-color:#8b5cf64d;transform:translate(2px)}.task-checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-icon{width:16px;height:16px;color:var(--text-secondary)}.task-icon.done{color:#10b981}.task-icon.in-progress{color:#f59e0b}.task-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.task-title{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-due{font-size:.7rem;color:var(--text-secondary)}.no-tasks-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:.85rem;font-style:italic;opacity:.7;text-align:center}@media(max-width:768px){.company-main-grid{grid-template-columns:1fr}.balance-amount{font-size:1.7rem}.company-header{flex-direction:column;align-items:flex-start;gap:1rem}}.tasks-hub-badge{background:#8b5cf61a;color:var(--accent-purple);border:1px solid rgba(139,92,246,.2);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.tasks-hub-content{display:flex;flex-direction:column;height:100%}.tasks-hub-stats{display:flex;gap:.5rem;margin-bottom:.75rem}.tasks-hub-stat{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.tasks-hub-stat svg{opacity:.7}.tasks-hub-list{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;overflow-y:auto;margin-bottom:1rem}.tasks-hub-item{display:flex;align-items:center;gap:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.45rem .65rem;transition:all .2s}.tasks-hub-item:hover{background:#ffffff0d;border-color:#ffffff1a}.tasks-hub-dot{width:6px;height:6px;border-radius:999px;flex-shrink:0}.tasks-hub-item-main{display:flex;flex-direction:column;min-width:0}.tasks-hub-title{color:var(--text-primary);font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks-hub-source{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.02em;opacity:.8}.tasks-hub-empty{margin:0;color:var(--text-secondary);font-size:.85rem;text-align:center;padding:1rem 0}.tasks-quick-add{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.quick-add-input-wrapper{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s}.quick-add-input-wrapper:focus-within{background:#ffffff0f;border-color:var(--accent-purple);box-shadow:0 0 0 2px #8b5cf61a}.quick-add-icon{color:#c4b5fd;opacity:1;flex-shrink:0}.tasks-quick-add input{background:none;border:none;outline:none;color:var(--text-primary);font-size:.82rem;width:100%}.quick-add-date{background:transparent;border:1px solid rgba(139,92,246,.35);color:var(--text-secondary);border-radius:7px;padding:0 .25rem;height:28px;font-size:.75rem;outline:none;cursor:pointer;flex-shrink:0}.quick-add-date::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7);cursor:pointer}.tasks-quick-add input::placeholder{color:var(--text-secondary);opacity:.5}.info-widget-content{display:flex;flex-direction:column;height:100%;gap:1rem}.info-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value-row{display:flex;align-items:center;gap:.5rem}.stat-number{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-alert{display:flex;align-items:center;gap:.25rem;background:#ef44441a;color:var(--accent-red);padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;border:1px solid rgba(239,68,68,.2)}.stat-icon-muted{color:var(--text-secondary);opacity:.3}.info-widget-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.footer-link{font-size:.75rem;color:var(--accent-purple);display:flex;align-items:center;gap:.35rem;opacity:.8;transition:opacity .2s}.important-info-widget:hover .footer-link{opacity:1}.news-widget-content{display:flex;flex-direction:column;height:100%;max-height:190px;overflow:hidden;position:relative}.news-topic-selector{display:flex;align-items:center}.news-select{background:transparent;border:1px solid var(--border-color, #e2e8f0);border-radius:4px;padding:2px 6px;font-size:.8rem;color:var(--text-color, #1e293b);cursor:pointer;outline:none;transition:border-color .2s}.dark-mode .news-select{color:#e2e8f0;border-color:#fff3;background-color:#0003}.news-select:hover,.news-select:focus{border-color:var(--primary-color, #3b82f6)}.news-select option{background-color:var(--bg-card, #ffffff);color:var(--text-color, #1e293b)}.dark-mode .news-select option{background-color:#1e293b;color:#e2e8f0}.news-list{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.news-list::-webkit-scrollbar{width:4px}.news-list::-webkit-scrollbar-track{background:transparent}.news-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb, #cbd5e1);border-radius:4px}.dark-mode .news-list::-webkit-scrollbar-thumb{background-color:#fff3}.news-item{display:flex;flex-direction:column;padding:.75rem;background-color:var(--card-bg-hover, #f8fafc);border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid transparent}.dark-mode .news-item{background-color:#ffffff08}.news-item:hover{background-color:var(--card-bg-active, #f1f5f9);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--primary-color-light, #bfdbfe)}.dark-mode .news-item:hover{background-color:#ffffff14;border-color:#ffffff1a;box-shadow:0 4px 6px -1px #0000004d}.news-title{font-size:.9rem;font-weight:500;margin:0 0 .4rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--heading-color, #0f172a)}.dark-mode .news-title{color:#f1f5f9}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary, #64748b)}.news-source{font-weight:600;color:var(--primary-color, #3b82f6);max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-time{opacity:.8}.news-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #64748b);gap:.5rem;font-size:.9rem;min-height:150px}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color, #e2e8f0);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.dark-mode .loading-spinner{border-color:#ffffff1a;border-top-color:var(--primary-color, #3b82f6)}.no-news{text-align:center;padding:2rem;color:var(--text-secondary, #64748b);font-size:.9rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;height:100%}.retry-btn{background:transparent;border:1px solid var(--border-color);padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;color:var(--text-color)}.dashboard-container{max-width:1600px;margin:0 auto;padding:0 1rem;min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:none}.dashboard-grid{display:grid;position:relative;z-index:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:1.5rem;flex:1;overflow-y:auto;padding-bottom:7.5rem}.grid-item{display:flex;flex-direction:column;position:relative;transition:opacity .2s ease}.grid-item.is-dragging{opacity:.45}.grid-item.span-2{grid-column:span 2}.widget-drag-handle{position:absolute;top:10px;right:42px;z-index:20;width:26px;height:26px;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#0f172acc;color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:grab;opacity:0;pointer-events:none;transform:translateY(-2px);transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .18s ease,transform .18s ease}.widget-drag-handle:hover{background:#1e293bf2;color:#f8fafc;border-color:#94a3b8a6}.widget-drag-handle:active{cursor:grabbing}.widget-hide-button{position:absolute;top:10px;right:10px;z-index:20;width:26px;height:26px;border:1px solid rgba(248,113,113,.45);border-radius:8px;background:#7f1d1dc7;color:#fecaca;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-2px);transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .18s ease,transform .18s ease}.widget-hide-button:hover{background:#991b1bf5;color:#fee2e2;border-color:#f87171b3}.grid-item:hover .widget-drag-handle,.grid-item:hover .widget-hide-button,.grid-item:focus-within .widget-drag-handle,.grid-item:focus-within .widget-hide-button{opacity:1;pointer-events:auto;transform:translateY(0)}@media(hover:none){.widget-drag-handle,.widget-hide-button{opacity:1;pointer-events:auto;transform:translateY(0)}}.empty-drop-zone{position:absolute;z-index:4;border:1px dashed rgba(148,163,184,.55);border-radius:16px;background:#1e293b40;transition:background .18s ease,border-color .18s ease}.empty-drop-zone.is-active{border-color:#7dd3fce6;background:#38bdf833}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;grid-auto-rows:auto}.grid-item.span-2{grid-column:span 1}}.dock-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:1000}.dock{display:flex;align-items:center;gap:.5rem;background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.5rem .8rem;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 12px 32px #0009,0 0 0 1px #ffffff0d}.dock-item{background:transparent;border:none;color:var(--text-secondary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);font-size:1.2rem}.dock-item:hover{background:#ffffff1a;transform:translateY(-4px) scale(1.1);color:var(--text-primary)}.dock-item.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #3b82f666}.system-detail .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.status-badge{padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:700}.status-badge.online{background:#10b98133;color:var(--accent-green)}.status-badge.offline{background:#ef444433;color:var(--accent-red)}.detail-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.8rem}.card-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.status-display{flex:1;display:flex;align-items:center;justify-content:center}.status-content{display:flex;gap:2rem;align-items:center;width:100%;justify-content:space-around}.status-item{display:flex;flex-direction:column;gap:.2rem}.status-item label{font-size:.8rem;color:var(--text-secondary)}.value-lg{font-size:1.5rem;font-weight:700}.value-mono{font-family:monospace;font-size:1.1rem;color:var(--text-primary)}.empty-state-sm{text-align:center;color:var(--text-secondary);padding:2rem 0;font-style:italic;opacity:.6}.span-3{grid-column:span 3}.icon-blue{color:var(--primary-color)}.icon-green{color:var(--accent-green)}.icon-yellow{color:var(--accent-yellow)}.error-display{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.error-display p{color:var(--accent-red);font-weight:600;margin:0}.error-display .sub{font-size:.8rem;color:var(--text-secondary);font-family:monospace}.detail-page{height:100vh;display:flex;flex-direction:column;background:var(--bg-color);color:var(--text-primary);overflow:hidden}.page-header{padding:1rem 2rem;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-left{display:flex;align-items:center;gap:1.5rem}.page-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.back-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:.9rem}.back-button:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-page>*{animation:fadeIn .3s ease-out}.detail-content,.page-content,.detail-container,.main-content{padding-bottom:6.5rem}.server-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.server-info-header h3{margin:0;font-size:1.2rem}.server-info-header .sub-text{font-size:.9rem;color:var(--text-secondary);font-family:monospace}.stat-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-box{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{background:#3b82f61a;color:var(--primary-color);padding:1rem;border-radius:50%}.stat-data{display:flex;flex-direction:column}.stat-data .label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.2rem}.stat-data .value{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.stat-data .sub-value{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.progress-bar-sm{height:4px;background:#ffffff1a;border-radius:2px;margin-top:.5rem;width:100%}.progress-bar-sm .fill{height:100%;background:var(--primary-color);border-radius:2px}.search-input-group{display:flex;gap:.5rem}.search-input-group input{flex:1}.search-btn{background:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-primary);width:42px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-btn:hover{background:var(--primary-color);color:#fff}.search-results{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);max-height:150px;overflow-y:auto}.search-results li{padding:.8rem;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-primary)}.search-results li:last-child{border-bottom:none}.search-results li:hover{background:var(--surface-hover)}.search-results .sub-text{font-size:.8rem;color:var(--text-secondary);margin-left:auto}.weather-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem}.current-weather-card{grid-column:span 4;background:linear-gradient(135deg,#3b82f6,#1e3a8a);border-radius:20px;padding:2.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 10px 30px #3b82f64d}.current-left{display:flex;align-items:center;gap:2rem}.temp-display{font-size:5rem;font-weight:700;line-height:1;display:flex;flex-direction:column}.condition-text{font-size:1.2rem;font-weight:400;opacity:.9;margin-top:.5rem}.current-right{text-align:right;font-size:1.2rem}.high-low{display:flex;gap:1rem;font-weight:600}.feels-like{margin-top:.5rem;opacity:.8;font-size:1rem}.hourly-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;overflow:hidden}.hourly-scroll{display:flex;gap:2rem;margin-top:1rem;padding-bottom:.5rem;overflow-x:auto}.hourly-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:60px}.hourly-item .time{color:var(--text-secondary);font-size:.9rem}.hourly-item .temp{font-weight:600;color:var(--text-primary)}.detail-metric-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.metric-header{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.metric-value{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.metric-sub{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.sun-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.sun-row{display:flex;align-items:center;gap:1rem}.sun-info{display:flex;flex-direction:column}.sun-info .label{font-size:.8rem;color:var(--text-secondary)}.sun-info .time{font-weight:600;color:var(--text-primary)}.sun-visual-bar{height:4px;background:#ffffff1a;border-radius:2px;margin:1.5rem 0;position:relative}.sun-dot{position:absolute;top:-6px;width:16px;height:16px;background:#f59e0b;border-radius:50%;box-shadow:0 0 10px #f59e0b}.weekly-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.weekly-list{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.weekly-row{display:flex;align-items:center;justify-content:space-between}.day-name{width:50px;font-weight:500;color:var(--text-primary)}.day-icon{width:30px;display:flex;justify-content:center}.temp-range{flex:1;display:flex;align-items:center;gap:.8rem;margin-left:1rem}.temp-range span{width:30px;text-align:center;font-size:.9rem;color:var(--text-secondary)}.range-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;position:relative;overflow:hidden}.range-bar .fill{position:absolute;height:100%;background:linear-gradient(90deg,#3b82f6,#f59e0b);border-radius:2px}.modal-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:500px;padding:2rem;box-shadow:0 20px 50px #00000080;animation:fadeIn .3s ease-out}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group select{width:100%;background:var(--bg-color);border:1px solid var(--border-color);padding:.8rem;border-radius:8px;color:var(--text-primary);font-size:1rem}.toggle-group{display:flex;gap:.5rem}.toggle-group button{flex:1;background:var(--bg-color);border:1px solid var(--border-color);padding:.8rem;border-radius:8px;color:var(--text-secondary);cursor:pointer}.toggle-group button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.save-btn{background:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500}.cancel-btn{background:transparent;color:var(--text-secondary);border:none;padding:.8rem 1.5rem;cursor:pointer}.settings-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%}.settings-btn:hover{background:#ffffff1a;color:var(--text-primary)}.config-dropdown{position:absolute;top:60px;right:20px;background:var(--surface-color);border:1px solid var(--border-color);padding:1rem;border-radius:8px;z-index:100}.connect-container{flex:1;display:flex;align-items:center;justify-content:center;height:100%}.connect-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:3rem;text-align:center;max-width:400px}.gmail-icon{color:#ea4335;margin-bottom:1.5rem}.connect-card h3{margin:0 0 1rem;font-size:1.5rem}.connect-card p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.connect-google-btn{background:#fff;color:#444;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.5rem;margin:0 auto;transition:background .2s}.connect-google-btn:hover{background:#f1f1f1}.empty-folder-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);height:100%}.empty-img{background:#ffffff0d;padding:2rem;border-radius:50%;margin-bottom:1rem}.fleet-detail{background-color:#0a0f18;color:#fff;padding:24px;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.fleet-detail .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.fleet-detail .header-left{display:flex;align-items:center;gap:16px}.fleet-detail .header-left h2{font-size:24px;font-weight:600;margin:0}.fleet-detail .add-vehicle-btn{background-color:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s}.fleet-detail .add-vehicle-btn:hover{background-color:#1d4ed8}.fleet-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#161e2b;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;position:relative;overflow:hidden}.stat-card .stat-label{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat-card .stat-value{font-size:32px;font-weight:700}.stat-card .stat-value span.unit{font-size:16px;color:#64748b;margin-left:4px}.stat-card .stat-trend{font-size:13px;margin-top:12px;display:flex;align-items:center;gap:4px}.stat-card .stat-trend.up{color:#10b981}.stat-card .stat-trend.down{color:#ef4444}.stat-card .stat-icon-bg{position:absolute;right:20px;top:50%;transform:translateY(-50%);opacity:.1}.fleet-dashboard-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.garage-section h3{display:flex;justify-content:space-between;align-items:center;font-size:20px;margin-bottom:20px}.view-controls{display:flex;gap:12px;color:#64748b}.vehicle-card-v2{background:#161e2b;border-radius:20px;overflow:hidden;margin-bottom:24px;border:1px solid rgba(255,255,255,.05)}.vehicle-card-main{display:grid;grid-template-columns:350px 1fr}.vehicle-image-container{height:100%;min-height:250px;background-size:cover;background-position:center;position:relative}.vehicle-status-tag{position:absolute;top:16px;left:16px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vehicle-status-tag.connected{color:#10b981}.vehicle-status-tag.in-shop{color:#f59e0b}.vehicle-status-tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.vehicle-info-content{padding:24px}.vehicle-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.vehicle-title h3{font-size:24px;margin:0}.vehicle-subtitle{color:#94a3b8;font-size:14px;margin-top:4px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric-box{background:#ffffff08;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.metric-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;text-transform:uppercase}.metric-value{font-size:18px;font-weight:600;margin-top:4px}.metric-sub{font-size:11px;color:#64748b}.tech-specs-container{background:#0003;border-radius:12px;padding:20px}.specs-title{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;text-transform:uppercase;margin-bottom:16px}.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.spec-item .label{display:block;font-size:11px;color:#64748b;margin-bottom:4px}.spec-item .value{font-weight:500;font-size:14px}.upcoming-maintenance-summary{border-top:1px solid rgba(255,255,255,.05);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.maintenance-tags{display:flex;gap:8px}.m-tag{padding:4px 12px;border-radius:100px;font-size:12px;display:flex;align-items:center;gap:6px}.m-tag.green{background:#10b9811a;color:#10b981}.m-tag.orange{background:#f59e0b1a;color:#f59e0b}.sidebar-card{background:#161e2b;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;margin-bottom:24px}.sidebar-card h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;font-size:18px}.task-list{display:flex;flex-direction:column;gap:16px}.task-item{display:flex;gap:12px;align-items:flex-start}.task-content{flex:1}.task-name{display:block;font-size:14px;font-weight:500}.task-meta{display:flex;gap:8px;margin-top:4px}.task-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff0d;color:#94a3b8}.task-badge.date{color:#ef4444}.log-list{display:flex;flex-direction:column;gap:20px;border-left:1px solid rgba(255,255,255,.05);padding-left:20px}.log-item{position:relative}.log-item:before{content:"";position:absolute;left:-24px;top:4px;width:8px;height:8px;border-radius:50%;background:#2563eb}.log-item.blue:before{background:#2563eb}.log-item.orange:before{background:#f59e0b}.log-item.green:before{background:#10b981}.log-time{display:block;font-size:11px;color:#64748b;margin-bottom:4px}.log-title{display:block;font-size:14px;font-weight:500}.log-desc{font-size:12px;color:#94a3b8;margin-top:4px;line-height:1.4}.diagnostic-link{display:block;text-align:center;color:#2563eb;font-size:13px;margin-top:24px;text-decoration:none}.back-button{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:all .2s}.back-button:hover{background:#ffffff0d;color:#fff}.fines-widget .fines-main{position:relative;height:100%;display:flex;flex-direction:column}.fines-bg-graph{position:absolute;inset:0;pointer-events:none;z-index:0}.fines-bg-graph svg{width:100%;height:100%}.fines-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.25rem}.plate-selection-row{display:flex;gap:.5rem;align-items:center;background:#0003;padding:.5rem;border-radius:8px;border:1px solid var(--border-color)}.plate-select{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;outline:none;font-weight:700}.plate-select option{background:#1e293b;color:#fff}.scan-indicator{color:var(--text-secondary);opacity:.3}.scan-indicator.active{color:var(--accent-red);opacity:1;animation:spin 2s linear infinite}.search-summary{margin:.25rem 0}.search-status{font-size:.8rem;color:var(--text-secondary)}.search-status.loading{color:var(--accent-yellow)}.search-status.found{color:var(--accent-red);font-weight:700}.search-status.clear{color:var(--accent-green)}.results-list{display:flex;flex-direction:column;gap:.5rem}.result-item{display:flex;justify-content:space-between;align-items:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:.6rem .8rem;border-radius:6px;text-decoration:none;transition:transform .2s}.result-item:hover{transform:translate(4px)}.res-info{display:flex;flex-direction:column}.res-date{font-size:.7rem;color:var(--text-secondary)}.res-label{font-size:.85rem;color:var(--accent-red);font-weight:600}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;padding-top:1rem}.deep-search-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fff;padding:.6rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.deep-search-btn:hover:not(:disabled){background:var(--accent-red);border-color:var(--accent-red)}.deep-search-btn:disabled{opacity:.5;cursor:not-allowed}.check-service-btn{background:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem;border-radius:8px;font-size:.85rem;cursor:pointer}.check-service-btn:hover{background:var(--secondary-color)}.fines-status{display:flex;flex-direction:column}.big-count{font-size:2.5rem;font-weight:800;line-height:1;color:var(--text-primary)}.count-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.plate-monitor{display:flex;align-items:center;gap:1rem;background:#ffffff08;padding:.75rem;border-radius:8px;border:1px solid var(--border-color)}.plate-tag{background:#f8fafc;color:#0f172a;width:fit-content;padding:.2rem .6rem;border-radius:4px;font-weight:800;font-size:.8rem;letter-spacing:1px}.monitor-status{font-size:.85rem;color:var(--accent-green)}.check-service-btn{background:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem;border-radius:8px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.check-service-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.source-note{font-size:.7rem;color:var(--secondary-color);margin:0;opacity:.5}.pulse-icon{color:var(--accent-red);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.task-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.task-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.task-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.task-modal-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.task-modal-form{display:flex;flex-direction:column;gap:1.5rem}.task-modal-field{display:flex;flex-direction:column;gap:.5rem}.task-modal-field label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.task-modal-field input,.task-modal-field select{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.85rem 1rem;font-size:1rem;color:var(--text-primary);transition:all .2s ease}.task-modal-field input::placeholder{color:var(--text-secondary);opacity:.6}.task-modal-field input:focus,.task-modal-field select:focus{outline:none;background:#ffffff14;border-color:#8b5cf680}.task-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.task-modal-split{display:grid;grid-template-columns:1fr auto;gap:.5rem}.task-due-input{min-width:0}.task-priority-select{padding:.85rem .75rem;cursor:pointer}.color-label{display:flex;align-items:center;gap:.5rem;cursor:default}.color-presets{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.color-preset{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;padding:0}.color-preset:hover{transform:scale(1.15)}.color-preset.active{border-color:#fff;transform:scale(1.1);box-shadow:0 0 10px #ffffff4d}.task-modal-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:1rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:.5rem;box-shadow:0 4px 12px #3b82f64d}.task-modal-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.task-modal-submit:active{transform:translateY(0)}@media(max-width:640px){.task-modal-content{padding:1.5rem;width:95%}.task-modal-row,.task-modal-split{grid-template-columns:1fr}.task-priority-select{width:100%}}.date-picker-field label{display:flex;align-items:center;gap:.5rem}.date-picker-input{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;padding:.85rem 1rem!important;font-size:1rem!important;color:var(--text-primary)!important;width:100%!important;box-sizing:border-box!important}.date-picker-input::placeholder{color:var(--text-secondary)!important;opacity:.6!important}.date-picker-input:focus{outline:none!important;background:#ffffff14!important;border-color:#8b5cf680!important}.time-input{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;padding:.85rem 1rem!important;font-size:1rem!important;color:var(--text-primary)!important;width:100%!important;box-sizing:border-box!important}.time-input:focus{outline:none!important;background:#ffffff14!important;border-color:#8b5cf680!important}.time-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.react-datepicker{background:#1e293b!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;font-family:inherit!important;box-shadow:0 20px 40px #0006!important}.react-datepicker__header{background:#1e293b!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding-top:12px!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#e2e8f0!important}.react-datepicker__day-name{color:#64748b!important;font-weight:600!important}.react-datepicker__day{color:#e2e8f0!important;border-radius:50%!important;transition:all .15s ease!important}.react-datepicker__day:hover{background:#3b82f64d!important;color:#fff!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:#3b82f6!important;color:#fff!important}.react-datepicker__day--today{border:2px solid #3b82f6!important;font-weight:700!important}.react-datepicker__day--outside-month{color:#475569!important}.react-datepicker__navigation-icon:before{border-color:#94a3b8!important}.react-datepicker__navigation:hover *:before{border-color:#e2e8f0!important}.react-datepicker__triangle{display:none!important}.react-datepicker__close-icon:after{background:#64748b!important;font-size:14px!important}.react-datepicker__close-icon:hover:after{background:#ef4444!important}.technical-sheet-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:techFadeIn .2s ease}.technical-sheet-modal-content{background:#0f172a;border:1px solid rgba(74,222,128,.2);border-radius:12px;width:95%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 40px #0009;animation:techSlideUp .3s ease}.technical-sheet-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#4ade800d;border-radius:12px 12px 0 0}.technical-sheet-title{font-size:1.25rem;font-weight:700;color:#4ade80;display:flex;align-items:center;gap:10px}.technical-sheet-subtitle{font-size:.875rem;color:#94a3b8;margin-top:4px}.technical-sheet-body{padding:24px;overflow-y:auto;flex:1}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.tech-section{margin-bottom:24px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;background:#ffffff05}.tech-section-title{font-size:.75rem;text-transform:uppercase;color:#64748b;margin-bottom:12px;font-weight:700;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.tech-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.tech-field label{font-size:.75rem;color:#94a3b8}.tech-field input,.tech-field textarea{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;color:#e2e8f0;font-size:.9rem;font-family:Courier New,Courier,monospace;transition:all .2s}.tech-field input:focus,.tech-field textarea:focus{border-color:#4ade80;outline:none;background:#00000080}.technical-sheet-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px;background:#0f172a;border-radius:0 0 12px 12px}.tech-btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem;border:none;transition:all .2s}.tech-btn-cancel{background:transparent;color:#94a3b8}.tech-btn-cancel:hover{color:#e2e8f0;background:#ffffff0d}.tech-btn-save{background:#4ade80;color:#064e3b}.tech-btn-save:hover{background:#22c55e}@keyframes techFadeIn{0%{opacity:0}to{opacity:1}}@keyframes techSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.t1d-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;overflow-y:auto}.glucose-hero-card{grid-column:span 2;background:var(--surface-color);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-color);position:relative;overflow:hidden}.glucose-hero-card .big-number{font-size:5rem;font-weight:800;line-height:1;display:flex;align-items:baseline;gap:.5rem}.glucose-hero-card .unit{font-size:1.25rem;color:var(--text-secondary);font-weight:400}.glucose-hero-card .hero-content{display:flex;flex-direction:column;align-items:center;gap:.2rem}.trend-display{display:flex;align-items:center;gap:.5rem;font-weight:600}.trend-arrow-large{font-size:3rem;line-height:1}.trend-text{font-size:1.1rem;opacity:.8}.metric-box-t1d{background:var(--surface-color);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color)}.box-title{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.box-value{font-size:2rem;font-weight:700}.graph-card{background:var(--surface-color);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.span-full{grid-column:1 / -1}.graph-header{display:flex;justify-content:space-between;align-items:center}.graph-legend{display:flex;gap:1rem;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.legend-item .dot{width:8px;height:8px;border-radius:50%}.legend-item.low .dot{background:var(--accent-red)}.legend-item.target .dot{background:var(--accent-green)}.legend-item.high .dot{background:var(--accent-yellow)}.graph-container.modern-grid{height:250px;position:relative;margin-top:1rem;background:#18181b;border-radius:8px;padding-top:10px;border:1px solid rgba(255,255,255,.03)}.svg-wrapper{width:100%;height:100%}.glucose-graph{width:100%;height:100%;overflow:visible}.trend-path{filter:drop-shadow(0 0 8px rgba(255,255,255,.1));transition:all .5s ease}.empty-config-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center;color:var(--text-primary)}.icon-pulse{color:var(--accent-red);margin-bottom:2rem}.empty-config-state h3{font-size:2rem;margin-bottom:1rem}.empty-config-state p{color:var(--text-secondary);margin-bottom:2rem;max-width:400px}.config-form-column{display:flex;flex-direction:column;width:100%;max-width:400px}.form-group-inline{display:flex;width:100%}.config-form-column input{flex:1;background:var(--surface-color);border:1px solid var(--border-color);padding:.8rem;border-radius:8px;color:var(--text-primary)}.config-form-column button{background:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500}.config-form-column button:disabled{opacity:.7;cursor:not-allowed}.loading-state{font-size:1.5rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface-color);border-radius:16px;width:90%;max-width:500px;padding:2rem;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.save-btn{background:var(--primary-color);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer}.cancel-btn{background:transparent;color:var(--text-secondary);border:none;cursor:pointer}.modal-error{color:var(--accent-red);font-size:.8rem;margin-right:auto}.modal-success{color:var(--accent-green);font-size:.8rem;margin-right:auto}.stocks-detail{overflow:hidden}.stocks-updated{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.config-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.config-btn:hover{background:var(--surface-hover)}.stocks-content{padding:1rem 2rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.stocks-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stocks-kpi-card{border:1px solid var(--border-color);background:var(--surface-color);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.45rem}.stocks-kpi-card .label{font-size:.82rem;color:var(--text-secondary)}.stocks-kpi-card .value{font-size:1.4rem;font-weight:700}.stocks-kpi-card .sub{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem}.stocks-kpi-card .sub.up{color:var(--accent-green)}.stocks-kpi-card .sub.down{color:var(--accent-red)}.stocks-main-grid{display:grid;grid-template-columns:2fr 1.1fr;gap:1rem;min-height:0}.stocks-card{border:1px solid var(--border-color);background:var(--surface-color);border-radius:14px;padding:1rem}.stocks-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.stocks-card-header h3{margin:0;font-size:1rem;font-weight:600}.stocks-chart-wrap{background:linear-gradient(180deg,#3b82f61a,#1e293b00);border-radius:10px;overflow:hidden}.stocks-empty-state{min-height:180px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem}.stocks-empty-state.error{color:var(--accent-red)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;width:min(92vw,500px);padding:1.5rem}.modal-header{margin-bottom:1rem}.modal-header h3{margin:0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group select{width:100%;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:.95rem}.modal-footer{margin-top:1.2rem;display:flex;justify-content:flex-end;gap:.7rem;margin-top:2rem}.save-btn{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;cursor:pointer}.cancel-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:.6rem 1rem;cursor:pointer}.stocks-table{display:flex;flex-direction:column;gap:.45rem}.stocks-table-row{border:1px solid transparent;border-radius:10px;background:#ffffff05;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(70px,.9fr) 72px 76px;gap:.5rem;align-items:center;padding:.55rem .65rem;color:var(--text-primary);cursor:pointer;text-align:left}.stocks-table-row:hover{border-color:#ffffff14;background:#ffffff0a}.stocks-table-row.active{border-color:#3b82f699;background:#3b82f61f}.symbol-cell{display:flex;flex-direction:column;min-width:0}.symbol-cell .symbol{font-size:.88rem;font-weight:700}.symbol-cell .name{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-cell,.change-cell,.volume-cell{font-size:.8rem}.change-cell.up{color:var(--accent-green)}.change-cell.down{color:var(--accent-red)}@media(max-width:1100px){.stocks-main-grid{grid-template-columns:1fr}}@media(max-width:768px){.stocks-content{padding:1rem}.stocks-kpi-grid{grid-template-columns:1fr}.stocks-table-row{grid-template-columns:minmax(0,1fr) minmax(70px,.8fr) 65px}.volume-cell{display:none}}.company-detail .page-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-title-section{display:flex;align-items:center;gap:1rem}.header-title-section h2{margin:0}.status-badge{padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background:#10b98126;color:#10b981}.header-actions{display:flex;align-items:center;gap:1rem}.time-range-selector{display:flex;gap:.5rem;background:#ffffff0d;padding:.25rem;border-radius:8px}.time-range-selector button{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.time-range-selector button.active{background:#3b82f6;color:#fff}.time-range-selector button:hover:not(.active){background:#ffffff0d;color:var(--text-primary)}.view-toggle{padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.export-button{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-button:hover{background:#2563eb;transform:translateY(-1px)}.company-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.kpi-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.kpi-header{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.kpi-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.kpi-change.positive{color:#10b981;background:#10b9811a}.kpi-change.negative{color:#ef4444;background:#ef44441a}.kpi-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.kpi-subtitle{font-size:.75rem;color:var(--text-secondary)}.tasks-card{grid-column:span 1}.open-tasks-btn{padding:.35rem .75rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.open-tasks-btn:hover{background:#3b82f640}.tasks-preview{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;align-items:flex-start;gap:.75rem}.task-checkbox{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:#10b981}.task-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.task-title{font-size:.875rem;color:var(--text-primary);font-weight:500}.task-title.completed{text-decoration:line-through;color:var(--text-secondary)}.task-due{font-size:.75rem;font-weight:500}.task-due.overdue{color:#ef4444}.task-due.upcoming{color:var(--text-secondary)}.task-due.completed{color:#10b981}.company-main-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.company-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.card-header-icon{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.card-header h3{margin:0;font-size:1.125rem;font-weight:600}.card-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.revenue-card{grid-column:span 3}.chart-container{flex:1;display:flex;flex-direction:column;gap:1rem}.revenue-chart{width:100%;height:200px}.chart-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);padding:0 .5rem}.documents-card{grid-column:span 2}.documents-list{display:flex;flex-direction:column;gap:1rem}.document-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .2s ease}.document-item:hover{background:#ffffff0d;border-color:#ffffff1a}.document-icon{width:40px;height:40px;background:#ef444426;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0}.document-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.document-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.document-meta{font-size:.75rem;color:var(--text-secondary)}.document-download{padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.document-download:hover{background:#ffffff0d;color:var(--text-primary)}.banking-card{grid-column:span 2}.banking-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.bank-account-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px}.bank-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bank-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.bank-name-row{display:flex;align-items:center;justify-content:space-between}.bank-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.portal-link{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#3b82f6;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.portal-link:hover{background:#3b82f61a}.bank-account{font-size:.75rem;color:var(--text-secondary)}.bank-balance-section{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.bank-balance{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.bank-status{font-size:.75rem;color:#10b981;font-weight:600}.banking-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.action-btn{flex:1;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.tax-card{grid-column:span 1;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;justify-content:space-between}.tax-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.tax-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.tax-label{font-size:.875rem;color:#ffffffe6;font-weight:500}.tax-amount{font-size:2rem;font-weight:700;color:#fff;line-height:1}.tax-button{padding:.5rem 1rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.tax-button:hover{background:#ffffff4d}.add-task-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ffffff26;border:1px dashed rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-task-btn:hover{background:#ffffff40;border-color:#ffffff80}@media(max-width:1400px){.kpi-grid{grid-template-columns:1fr 1fr}.tasks-card{grid-column:span 2}.company-main-grid{grid-template-columns:repeat(2,1fr)}.revenue-card{grid-column:span 2}.documents-card,.banking-card{grid-column:span 1}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;flex-wrap:wrap}.kpi-grid,.company-main-grid{grid-template-columns:1fr}.revenue-card,.documents-card,.banking-card,.tax-card{grid-column:span 1}}.tasks-modern-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;width:100%;overflow-x:hidden;padding-bottom:7rem}.tasks-top-nav{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;border-bottom:1px solid var(--border-color);background-color:var(--surface-color)}.nav-left{display:flex;align-items:center;gap:24px}.app-title-dropdown{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--text-primary);cursor:pointer}.avatar-circle{width:32px;height:32px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.nav-tabs{display:flex;gap:20px}.nav-tab{background:none;border:none;padding:8px 0;font-size:14px;color:var(--text-secondary);cursor:pointer;position:relative;font-weight:500;transition:color .2s}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{color:var(--text-primary);font-weight:600}.nav-tab.active:after{content:"";position:absolute;bottom:-19px;left:0;width:100%;height:2px;background-color:var(--primary-color)}.nav-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:color .2s}.nav-icon-btn:hover{color:var(--text-primary)}.nav-right{display:flex;align-items:center;gap:12px}.btn-secondary-outline{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);background:#ffffff08;border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary-outline:hover{background-color:#ffffff14;border-color:#ffffff1a;color:var(--text-primary)}.nav-icon-pure{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.nav-icon-pure:hover{color:var(--text-primary)}.user-avatar-small{width:32px;height:32px;border-radius:50%;background-color:var(--surface-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--border-color)}.tasks-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.btn-primary-add{display:flex;align-items:center;background-color:var(--primary-color);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;gap:8px;box-shadow:0 1px 2px #0003;transition:background-color .2s}.btn-primary-add:hover{background-color:#2563eb}.separator-vertical{width:1px;height:16px;background-color:#ffffff4d}.toolbar-actions{display:flex;gap:16px}.tool-btn{background:none;border:none;display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.tool-btn:hover{color:var(--text-primary)}.tasks-list-container{flex:1;overflow-y:auto;padding:0 20px 40px}.list-header-row,.task-row{display:grid;grid-template-columns:40px minmax(300px,1fr) 100px 120px 120px 80px;align-items:center;gap:12px}.list-header-row{padding:12px 0;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.task-row{padding:12px 0;border-bottom:1px solid var(--border-color);transition:background-color .1s;font-size:14px;color:var(--text-primary)}.task-row:hover{background-color:#ffffff08}.col-check{display:flex;justify-content:center}.check-circle{width:18px;height:18px;border:1px solid var(--text-secondary);border-radius:50%;background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;color:transparent}.check-circle:hover{border-color:var(--primary-color)}.check-circle.checked{background-color:var(--accent-green);border-color:var(--accent-green);color:#fff}.col-name{font-weight:500;color:var(--text-primary)}.task-title{cursor:pointer;transition:color .2s}.task-title:hover{color:var(--primary-color)}.task-completed{text-decoration:line-through;color:var(--text-secondary);opacity:.7}.badge-priority{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-project{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.col-due{color:var(--text-secondary)}.row-action-btn{opacity:0;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;transition:all .2s}.task-row:hover .row-action-btn{opacity:1}.row-action-btn:hover{color:var(--primary-color);background-color:#3b82f61a;border-radius:4px}.row-action-btn.delete:hover{color:var(--accent-red);background-color:#ef44441a}.task-group-section{margin-top:24px}.group-header{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:8px;transition:color .2s}.group-header:hover{color:var(--text-primary)}.group-arrow{transition:transform .2s}.group-arrow.expanded{transform:rotate(90deg)}.group-title{color:var(--text-primary)}.group-title.text-primary{color:var(--primary-color)}.group-count{font-size:12px;color:var(--text-secondary);font-weight:400;margin-left:4px}.task-add-row{display:grid;grid-template-columns:40px minmax(300px,1fr) 100px 120px 120px 80px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid transparent}.add-task-input{width:100%;border:none;outline:none;font-size:14px;color:var(--text-secondary);background:transparent;transition:color .2s;font-family:inherit}.add-task-input:focus{color:var(--text-primary)}.add-task-input::placeholder{font-style:normal;color:var(--text-secondary);opacity:.7}.date-cell-wrapper{position:relative;cursor:pointer}.date-display:hover{color:var(--primary-color)}.custom-datepicker-popover{position:absolute;top:100%;left:0;z-index:1000;background-color:#1e293b;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;border-radius:8px;width:300px;padding:16px;animation:fadeIn .1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.datepicker-header label{font-size:11px;font-weight:600;color:var(--accent-orange);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.datepicker-header label:before{content:""}.datepicker-input-wrapper{display:flex;align-items:center;gap:8px;border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;background-color:#ffffff08;color:var(--text-primary)}.datepicker-input-wrapper input{background:none;border:none;outline:none;color:var(--text-primary);width:100%;font-family:inherit;font-size:13px}.datepicker-input-wrapper input::placeholder{color:var(--text-secondary)}.datepicker-body{display:flex;justify-content:center;margin-bottom:12px}.custom-calendar-class{background-color:transparent;border:none;color:var(--text-primary);font-family:inherit}.custom-calendar-class .react-datepicker__header{background-color:transparent;border-bottom:none}.custom-calendar-class .react-datepicker__current-month{color:var(--text-primary);font-weight:600;font-size:14px;margin-bottom:8px}.custom-calendar-class .react-datepicker__day-name{color:var(--text-secondary);font-weight:500;width:32px}.custom-calendar-class .react-datepicker__day{color:var(--text-primary);width:32px;height:32px;line-height:32px;border-radius:50%}.custom-calendar-class .react-datepicker__day:hover{background-color:var(--surface-hover);color:#fff}.custom-calendar-class .react-datepicker__day--selected,.custom-calendar-class .react-datepicker__day--keyboard-selected{background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:600}.custom-calendar-class .react-datepicker__day--outside-month{color:var(--text-secondary);opacity:.3}.custom-calendar-class .react-datepicker__navigation-icon:before{border-color:var(--text-secondary)}.datepicker-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.footer-left{display:flex;gap:8px}.footer-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.footer-icon-btn:hover{color:var(--text-primary);background-color:var(--surface-hover)}.footer-right{display:flex}.footer-text-btn{background:none;border:none;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.footer-text-btn:hover{color:var(--text-primary);background-color:var(--surface-hover)}.info-main-content{display:flex;flex-direction:column;gap:2.5rem;padding:1rem 0}.info-section{display:flex;flex-direction:column;gap:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{display:flex;align-items:center;gap:.75rem}.section-title h3{margin:0;font-size:1.1rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:.75rem}.edit-btn,.save-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:8px;border:1px solid transparent;font-size:.85rem;font-weight:600;cursor:pointer}.edit-btn{background:#3b82f626;color:#93c5fd;border-color:#3b82f64d}.save-btn{background:#10b98133;color:#6ee7b7;border-color:#10b98159}.icon-purple{color:var(--accent-purple)}.icon-blue{color:var(--accent-blue)}.add-item-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#8b5cf61a;color:var(--accent-purple);border:1px solid rgba(139,92,246,.2);border-radius:6px;font-size:.85rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;transition:all .2s}.info-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.card-main{display:flex;flex-direction:column;gap:.5rem}.card-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.card-value-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-value{font-family:JetBrains Mono,Courier New,monospace;font-size:1.1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.iban-value{font-size:.95rem;letter-spacing:.02em}.card-actions{display:flex;gap:.5rem}.card-actions button{padding:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.card-actions button:hover{background:#ffffff1a;color:var(--text-primary)}.success-copy{color:var(--accent-green)}.card-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.expiry-warning{background:var(--accent-red);color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem}.bank-header{display:flex;justify-content:space-between;align-items:flex-start}.bank-alias{font-size:.75rem;background:#3b82f61a;color:var(--accent-blue);padding:.15rem .5rem;border-radius:4px;font-weight:600}.bank-estimated-amount{margin-top:.6rem;font-size:.85rem;color:var(--text-secondary)}.bank-estimated-amount span{color:var(--text-primary);font-weight:600}.card-edit-form{display:flex;flex-direction:column;gap:.75rem;position:relative}.card-edit-form input{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.6rem .75rem;color:var(--text-primary);font-size:.9rem;outline:none}.card-edit-form input:focus{border-color:var(--accent-purple);background:#0000004d}.card-edit-form textarea{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.6rem .75rem;color:var(--text-primary);font-size:.9rem;outline:none;resize:vertical;min-height:72px;font-family:inherit}.card-edit-form textarea:focus{border-color:var(--accent-purple);background:#0000004d}.amount-currency-row{display:grid;grid-template-columns:1fr 150px;gap:.5rem}.card-edit-form select{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.6rem .75rem;color:var(--text-primary);font-size:.9rem;outline:none}.card-edit-form select:focus{border-color:var(--accent-purple);background:#0000004d}.file-input-wrap{display:flex;flex-direction:column;gap:.4rem}.file-input-label{font-size:.82rem;color:var(--text-secondary)}.file-input-wrap input[type=file]{background:#0003;border:1px dashed rgba(255,255,255,.2);border-radius:6px;padding:.55rem .65rem;color:var(--text-secondary);font-size:.8rem}.file-input-wrap input[type=file]::file-selector-button{margin-right:.65rem;border:none;border-radius:6px;background:#ffffff1a;color:var(--text-primary);padding:.35rem .65rem;cursor:pointer}.file-selected{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.8rem}.file-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:6px;color:#fca5a5;font-size:.8rem;padding:.5rem .65rem}.generic-doc-card .card-view-mode{display:flex;flex-direction:column;gap:.8rem}.generic-attachment-preview{border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;min-height:120px;background:#ffffff08}.generic-attachment-preview img{display:block;width:100%;height:140px;object-fit:cover}.generic-file-placeholder{min-height:120px;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1rem;color:var(--text-secondary);font-size:.8rem;text-align:center;word-break:break-word}.generic-description{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.4}.generic-file-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.generic-type-pill{font-size:.72rem;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:var(--accent-purple);border-radius:999px;padding:.15rem .55rem;font-weight:600}.generic-file-name{font-size:.74rem;color:var(--text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generic-card-status{font-size:.9rem}.card-edit-actions{display:flex;gap:.5rem}.inline-save-btn,.inline-delete-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid transparent;border-radius:6px;padding:.45rem .7rem;cursor:pointer;font-size:.82rem;font-weight:600}.inline-save-btn{background:#10b98133;color:#6ee7b7;border-color:#10b98159}.inline-delete-btn{background:#ef44442e;color:#fca5a5;border-color:#ef444459}.input-group{display:flex;align-items:center;gap:.5rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:0 .75rem}.input-group input{border:none;background:none;flex:1;padding:.6rem 0}.delete-btn{position:absolute;top:-5px;right:-5px;padding:.4rem;background:var(--accent-red);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;opacity:0;transition:opacity .2s}.info-card:hover .delete-btn{opacity:1}.security-notice{margin-top:3rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);opacity:.6;padding-bottom:2rem}@media(max-width:900px){.page-header{flex-wrap:wrap;gap:.75rem}.header-actions{margin-left:auto}}.settings-sidebar{width:260px;background:#0f172a;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:2rem 1rem;height:100%;position:sticky;top:0}.settings-title-block{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-left:.5rem}.logo-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);display:flex;align-items:center;justify-content:center}.inner-circle{width:20px;height:20px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.platform-name{font-size:1rem;font-weight:600;margin:0;line-height:1.2;color:var(--text-primary)}.version-tag{font-size:.7rem;color:var(--text-secondary)}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s;text-align:left}.nav-item:hover{color:var(--text-primary);background:#ffffff08}.nav-item.active{background:#3b82f626;color:var(--primary-color);font-weight:500}@media(max-width:900px){.settings-sidebar{width:100%;height:auto;position:relative;padding:1rem}.settings-nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}}.backend-settings{color:var(--text-primary);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.settings-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.description{color:var(--text-secondary);font-size:.9rem;margin:0}.header-actions-right{display:flex;align-items:center;gap:1rem}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.status-badge.online{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--accent-green)}.status-badge.offline{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24}.status-badge .dot{width:6px;height:6px;background-color:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.deploy-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 6px -1px #3b82f64d;transition:all .2s}.deploy-btn:hover{background:#2563eb;transform:translateY(-1px)}.deploy-btn .is-spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-section{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;color:var(--text-secondary)}.section-title h3{font-size:1rem;font-weight:500;margin:0;color:var(--text-primary)}.section-meta{margin-left:auto;font-size:.8rem;color:var(--text-secondary)}.section-inline-actions{margin-left:auto;display:inline-flex;align-items:center;gap:.65rem}.add-service-btn,.add-text-btn,.text-toggle{margin-left:auto;background:transparent;border:none;color:var(--primary-color);font-size:.75rem;font-weight:600;cursor:pointer;letter-spacing:.5px;display:flex;align-items:center;gap:.4rem}.add-text-btn:hover,.text-toggle:hover{text-decoration:underline}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.service-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,rgba(59,130,246,.15),transparent 70%);pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.service-icon{width:40px;height:40px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;inset:0;background-color:var(--surface-hover);transition:.4s;border-radius:34px}.toggle-switch label:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+label{background-color:var(--accent-green)}.toggle-switch input:checked+label:before{transform:translate(20px)}.service-card h4{margin:0 0 .5rem;font-size:1rem}.connection-status{font-size:.8rem;display:flex;align-items:center;gap:.4rem;margin-bottom:1.5rem}.connection-status.connected{color:var(--accent-green)}.connection-status.disconnected{color:var(--text-secondary)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.service-metrics{display:flex;justify-content:space-between;margin-bottom:1.5rem}.metric{display:flex;flex-direction:column}.metric .label{font-size:.7rem;color:var(--text-secondary);margin-bottom:.2rem}.metric .value{font-size:.9rem;font-weight:500;overflow-wrap:anywhere}.service-action-btn{width:100%;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s}.service-action-btn:hover{background:#ffffff1a}.service-action-btn:disabled{opacity:.6;cursor:not-allowed}.split-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.code-editor{background:#0f172a;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;font-family:Fira Code,monospace;font-size:.85rem}.editor-header{background:#1e293b;padding:.6rem 1rem;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.window-controls{display:flex;gap:6px;margin-right:1rem}.control{width:10px;height:10px;border-radius:50%}.control.red{background:#ef4444}.control.yellow{background:#f59e0b}.control.green{background:#10b981}.filename{color:var(--text-secondary);font-size:.8rem}.editor-content{padding:1rem;line-height:1.6}.line{display:flex}.line-num{color:#475569;margin-right:1rem;-webkit-user-select:none;user-select:none;width:1.2rem;text-align:right}.key{color:#c084fc}.string{color:#4ade80}.number{color:#facc15}.comment{color:#64748b;font-style:italic}.webhooks-table{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.table-header{padding:1rem 1.5rem;background:#0003;display:grid;grid-template-columns:2fr 1fr 1fr;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.table-row{padding:1rem 1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--border-color)}.hook-info{display:flex;flex-direction:column}.hook-endpoint{font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-primary);margin-bottom:.2rem}.hook-meta{font-size:.7rem;color:var(--text-secondary)}.hook-status{display:inline-flex;align-items:center;gap:.5rem}.status-icon{width:8px;height:8px;border-radius:50%}.status-icon.active{background:var(--accent-green);box-shadow:0 0 6px #10b98180}.status-icon.inactive{background:var(--text-secondary)}.hook-rate{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.progress-bar{width:80px;height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:.3rem;overflow:hidden}.progress-fill{height:100%;background:var(--accent-green);border-radius:2px}.rate-value{font-size:.75rem;font-weight:600}.inactive-text{font-size:.8rem;color:var(--text-secondary)}.webhook-create-form{display:grid;grid-template-columns:1fr 2fr auto auto;gap:.6rem;margin-bottom:.9rem}.webhook-input{border:1px solid var(--border-color);border-radius:10px;background:#ffffff05;color:var(--text-primary);padding:.6rem .7rem;min-width:0}.webhook-input-sm{width:100%}.hook-edit-grid{width:100%;display:grid;gap:.45rem}.webhook-inline-toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.9rem}.small-webhook-btn{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:8px;padding:.2rem .45rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.2rem}.small-webhook-btn:hover{color:var(--text-primary);border-color:#94a3b880}.small-webhook-btn.danger{color:#fca5a5;border-color:#ef444459}.small-webhook-btn:disabled{opacity:.55;cursor:wait}.view-all{padding:1rem;text-align:center;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:color .2s}.view-all:hover{color:var(--text-primary)}.align-right{text-align:right}.settings-feedback{margin:0 0 1rem;font-size:.92rem;padding:.7rem .9rem;border-radius:10px}.settings-feedback.info{background:#3b82f624;color:#93c5fd}.settings-feedback.warn{background:#f59e0b24;color:#fcd34d}.settings-feedback.error{background:#ef44441f;color:#fca5a5}@media(max-width:1000px){.split-section,.webhook-create-form{grid-template-columns:1fr}}.panel-settings-page-layout{display:flex;flex-direction:row;height:100vh;overflow:hidden;padding:0!important}.settings-main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.settings-top-bar{padding:1rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-color);z-index:10}.settings-content-wrapper{flex:1;overflow-y:auto;padding:2rem;background:var(--bg-color)}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:var(--text-secondary);text-align:center}.placeholder-content h3{margin-bottom:.5rem;color:var(--text-primary)}.simple-status-card{max-width:820px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.status-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.status-title-inline{display:inline-flex;align-items:center;gap:.55rem}.status-card-actions{display:inline-flex;align-items:center;gap:.5rem}.simple-status-card h3{margin:0}.simple-status-list{display:grid;gap:.7rem}.simple-status-row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .8rem;border:1px solid var(--border-color);border-radius:10px}.simple-status-row span{color:var(--text-secondary)}.simple-status-row strong{color:var(--text-primary)}.log-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:.95rem}.log-metric-card{border:1px solid var(--border-color);border-radius:10px;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.2rem}.log-metric-card span{font-size:.78rem;color:var(--text-secondary)}.log-metric-card strong{font-size:1.05rem;color:var(--text-primary)}.inline-empty-state{border:1px dashed var(--border-color);border-radius:10px;padding:.8rem .9rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.55rem}.logs-toolbar{margin-bottom:.95rem}.logs-retention-note{margin:0 0 .85rem;font-size:.8rem;color:var(--text-secondary)}.logs-filters{display:flex;flex-wrap:wrap;gap:.6rem}.logs-toolbar-secondary{margin-top:.6rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.logs-selection-row{margin-top:.6rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.logs-selection-meta{color:var(--text-secondary);font-size:.8rem;margin-right:.3rem}.logs-preset-row{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap}.logs-auto-refresh-row{display:inline-flex;align-items:center;gap:.5rem}.logs-auto-refresh-toggle{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.82rem}.logs-filter-input{border:1px solid var(--border-color);border-radius:10px;background:#ffffff05;color:var(--text-primary);padding:.48rem .6rem;min-width:0}.logs-search-input{min-width:260px;flex:1}.logs-pagination{margin-top:.85rem;display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.logs-pagination-meta{color:var(--text-secondary);font-size:.82rem}.logs-table{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.logs-table-header{display:grid;grid-template-columns:.28fr .95fr .7fr .9fr 1.25fr .75fr;gap:.7rem;padding:.75rem .9rem;background:#ffffff08;color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.logs-sort-header{display:inline-flex;align-items:center;justify-content:flex-start;gap:.35rem;border:none;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;padding:0;cursor:pointer}.logs-sort-header:hover,.logs-sort-header.active{color:var(--text-primary)}.logs-table-row{display:grid;grid-template-columns:.28fr .95fr .7fr .9fr 1.25fr .75fr;gap:.7rem;padding:.72rem .9rem;border-top:1px solid var(--border-color);font-size:.84rem;color:var(--text-primary)}.logs-table-row.level-success{background:#10b9810f}.logs-table-row.level-error{background:#ef44440f}.logs-table-row.level-warn{background:#f59e0b0f}.logs-table-row.level-info{background:#3b82f60f}.log-row-actions{display:inline-flex;justify-content:flex-end;gap:.35rem}.logs-checkbox-cell{display:inline-flex;align-items:center;justify-content:center}.log-detail-drawer{margin-top:.9rem;border:1px solid var(--border-color);border-radius:10px;background:#0000001f;padding:.85rem .9rem}.log-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.log-detail-header h4{margin:0;font-size:.9rem}.log-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-bottom:.65rem}.log-detail-row{border:1px solid var(--border-color);border-radius:8px;padding:.45rem .6rem;display:flex;justify-content:space-between;gap:.8rem;align-items:center}.log-detail-row span{color:var(--text-secondary);font-size:.78rem}.log-detail-row strong{color:var(--text-primary);font-size:.82rem;overflow-wrap:anywhere}.log-detail-body{margin-bottom:.7rem}.log-detail-title{margin:0 0 .35rem;color:var(--text-primary);font-weight:600}.log-detail-message{margin:0 0 .5rem;color:var(--text-secondary);font-size:.88rem}.log-detail-json{margin:0;border:1px solid var(--border-color);border-radius:8px;padding:.55rem .65rem;max-height:220px;overflow:auto;background:#0f172a99;color:#cbd5e1;font-size:.75rem;line-height:1.45}.log-detail-actions{display:inline-flex;align-items:center;gap:.45rem}.panel-settings-page{overflow:auto}.panel-settings-content{padding:0}.panel-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-text{margin:0;color:var(--text-secondary);font-size:.92rem}.language-buttons{margin-top:1rem;display:flex;gap:.6rem}.timezone-select{margin-top:1rem;width:100%;border:1px solid var(--border-color);background:#ffffff05;color:var(--text-primary);border-radius:10px;padding:.6rem .75rem}.lang-btn{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:10px;padding:.5rem .8rem;cursor:pointer;transition:all .2s ease}.lang-btn.active,.lang-btn:hover{background:#3b82f633;color:var(--text-primary);border-color:#3b82f666}.action-btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border-color);background:#ffffff05;color:var(--text-primary);border-radius:10px;padding:.58rem .9rem;cursor:pointer;transition:all .2s ease;font-size:.9rem}.action-btn:hover{background:#ffffff14}.action-btn:disabled{opacity:.6;cursor:wait}.action-btn.danger{border-color:#ef444459;color:#fecaca}.action-btn.warn{border-color:#f59e0b59;color:#fde68a}.actions-row{display:flex;flex-wrap:wrap;gap:.6rem}.hidden-input{display:none}.module-list{margin-top:1rem;display:grid;gap:.55rem}.module-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .7rem;border:1px solid var(--border-color);border-radius:10px}.module-status{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.9rem}.icon-ok{color:var(--accent-green)}.icon-empty{color:var(--text-secondary)}.small-btn{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:8px;padding:.3rem .55rem;cursor:pointer}.small-btn.danger{border-color:#ef444459;color:#fca5a5}.small-btn:disabled{opacity:.35;cursor:not-allowed}.feedback{margin:1rem 0 0;font-size:.92rem;padding:.7rem .9rem;border-radius:10px}.feedback.success{background:#10b98126;color:#86efac}.feedback.error{background:#ef44441f;color:#fca5a5}.span-2{grid-column:span 2}@media(max-width:900px){.panel-settings-page-layout{flex-direction:column;overflow-y:auto;height:auto}.settings-main-area{overflow:visible}.panel-settings-content{padding:1rem 1rem 6rem}.panel-settings-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.log-metrics-grid{grid-template-columns:1fr}.logs-table-header,.logs-table-row{grid-template-columns:1fr;gap:.35rem}.log-detail-grid{grid-template-columns:1fr}.logs-search-input{min-width:0;width:100%}.logs-pagination{justify-content:space-between}}:root{--login-bg: #0b1121;--login-card: #141b2d;--primary-accent: #3b82f6;--text-main: #ffffff;--text-muted: #94a3b8;--input-bg: rgba(30, 41, 59, .4);--input-border: #334155}.login-container{display:flex;height:100vh;width:100vw;background-color:var(--login-bg);overflow:hidden;font-family:Inter,sans-serif}.login-visual{flex:1.2;position:relative;background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.15),transparent 40%),radial-gradient(circle at 10% 80%,rgba(59,130,246,.2),transparent 50%),#0f172a;display:flex;flex-direction:column;justify-content:center;padding:4rem 6rem;overflow:hidden}.visual-content{position:relative;z-index:2;max-width:600px}.logo-brand{position:absolute;top:-120px;left:0;display:flex;align-items:center;gap:1rem}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.logo-brand span{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px}.code-background{position:absolute;top:-80px;left:0;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:#94a3b826;pointer-events:none;z-index:-1;-webkit-user-select:none;user-select:none;transform:perspective(1000px) rotateY(10deg) rotateX(5deg);transform-origin:left center}.hero-text h1{font-size:3.5rem;line-height:1.1;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.125rem;color:#94a3b8;line-height:1.6;max-width:480px}.login-form-container{flex:.8;background:#0b1121;display:flex;align-items:center;justify-content:center;padding:2rem;min-width:480px}.form-wrapper{width:100%;max-width:420px}.form-header{margin-bottom:2.5rem}.form-header h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.5px}.form-header p{color:#94a3b8;font-size:1rem}.mode-toggle{background:#1e293b;padding:.25rem;border-radius:12px;display:flex;margin-bottom:2.5rem}.toggle-btn{flex:1;padding:.6rem;border:none;background:transparent;color:#94a3b8;font-weight:500;font-size:.9rem;border-radius:8px;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#334155;color:#fff;box-shadow:0 2px 4px #0000001a}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.75rem;font-weight:700;letter-spacing:.5px;color:#64748b;text-transform:uppercase}.forgot-link{background:none;border:none;color:#3b82f6;font-size:.8rem;cursor:pointer;align-self:flex-start;padding:0}.forgot-link:hover{text-decoration:underline}.remember-session{display:flex;align-items:center;gap:.6rem;color:#94a3b8;font-size:.85rem;-webkit-user-select:none;user-select:none;cursor:pointer}.remember-session input{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.input-field{position:relative;display:flex;align-items:center}.input-field input{width:100%;padding:.9rem 1rem;background:transparent;border:none;border-bottom:1px solid #334155;color:#fff;font-size:1rem;transition:all .2s}.input-field input::placeholder{color:#475569}.input-field input:focus{outline:none;border-bottom-color:#3b82f6}.input-icon-right,.password-toggle{position:absolute;right:.5rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center}.password-toggle:hover{color:#94a3b8}.text-muted{color:#64748b}.submit-btn{margin-top:1rem;width:100%;padding:.9rem;background:#1e293b;color:#fff;border:1px solid #334155;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.submit-btn:hover:not(:disabled){background:#334155;border-color:#475569}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ef4444;font-size:.85rem;background:#ef44441a;padding:.75rem;border-radius:8px;text-align:center}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.login-visual{display:none}.login-form-container{flex:1;width:100%;min-width:0;padding:1.5rem}}.profile-page{background-color:var(--bg-primary);min-height:100vh}.profile-content{max-width:1200px;margin:0 auto;padding:2rem}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem}.profile-card{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000001a}.user-info-card{display:flex;flex-direction:column;align-items:center;text-align:center;height:fit-content}.profile-avatar{width:120px;height:120px;margin-bottom:1.5rem}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;box-shadow:0 8px 16px rgba(var(--accent-primary-rgb),.3)}.profile-details h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.role-badge{display:inline-block;padding:.25rem .75rem;background:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary);border-radius:20px;font-size:.875rem;font-weight:500}.password-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.card-icon{color:var(--accent-primary)}.card-header h3{font-size:1.25rem;color:var(--text-primary);margin:0}.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper svg{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--text-primary);font-family:inherit;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.form-actions{margin-top:1rem;display:flex;justify-content:flex-end}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.message-banner{padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-size:.9rem;animation:fadeIn .3s ease}.message-banner.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.message-banner.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.profile-grid,.form-row{grid-template-columns:1fr}.profile-content{padding:1rem}}.news-detail-page{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color, #f1f5f9);color:var(--text-color, #1e293b)}.news-content-layout{display:flex;flex:1;overflow:hidden;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.news-settings-sidebar{width:300px;flex-shrink:0}.settings-card{background-color:var(--bg-card, #ffffff);padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border-color, #e2e8f0)}.dark-mode .settings-card{background-color:#1e293b;border-color:#ffffff1a}.settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.dark-mode .settings-header{border-color:#ffffff1a}.setting-group{margin-bottom:1.5rem}.setting-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--text-secondary, #64748b)}.setting-group select{width:100%;padding:.75rem;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);background-color:var(--input-bg, #ffffff);color:var(--text-color, #1e293b);font-size:.95rem}.dark-mode .setting-group select{background-color:#0003;color:#e2e8f0;border-color:#ffffff1a}.save-settings-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background-color:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.save-settings-btn:hover{background-color:var(--primary-color-dark, #2563eb)}.save-settings-btn.saved{background-color:#10b981}.news-feed-main{flex:1;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.news-card{background-color:var(--bg-card, #ffffff);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-color, #e2e8f0);display:flex;flex-direction:column}.dark-mode .news-card{background-color:#1e293b;border-color:#ffffff1a}.news-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.news-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.news-card-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary, #64748b);margin-bottom:.75rem}.news-source-tag{font-weight:600;color:var(--primary-color, #3b82f6)}.news-card-title{font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:1rem;flex:1}.news-card-title a{color:inherit;text-decoration:none}.news-card-title a:hover{color:var(--primary-color, #3b82f6)}.news-card-actions{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color, #e2e8f0)}.dark-mode .news-card-actions{border-color:#ffffff1a}.read-more-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;color:var(--primary-color, #3b82f6);text-decoration:none}.read-more-link:hover{text-decoration:underline}@media(max-width:1024px){.news-content-layout{flex-direction:column;padding:1rem}.news-settings-sidebar{width:100%}}