:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#06080f;--bg-sidebar:#0c0f1a;--bg-card:#0c0f1ae0;--bg-card-hover:#121827f2;--bg-elevated:#121827;--border-color:#1a2236;--border-active:#00c8f080;--border-strong:#253045;--color-primary:#ff4d00;--color-primary-light:#ff7033;--color-primary-dim:#ff4d001f;--color-brand:#00c8f0;--color-brand-hover:#00a8c8;--color-brand-dim:#00c8f01a;--color-gold:#c8963a;--color-secondary:#94a3b8;--color-text-main:#edf0f9;--color-text-muted:#64748b;--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-info:#00c8f0;--color-info-bg:#00c8f01a;--font-display:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--transition-smooth:all .2s var(--ease-smooth)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--color-text-main);font-family:var(--font-body);width:100vw;min-height:100vh;font-size:16px;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 45% at 0 10%,#00c8f00a 0%,#0000 100%),radial-gradient(45% 55% at 100% 90%,#00c8f005 0%,#0000 100%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}.app-layout{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background:#0c0f1af2;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:20px;max-width:1300px;margin:0 auto;padding:14px 20px;display:flex}.brand-logo-clean{align-items:center;padding:2px 0;display:flex}.brand-image-logo{object-fit:contain;width:auto;height:42px;max-height:42px;transition:opacity .2s;display:block;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.brand-logo-clean:hover .brand-image-logo{opacity:.9}.nav-tabs{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;gap:6px;padding:5px;display:flex}.nav-tab{color:var(--color-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;display:flex}.nav-tab:hover{color:var(--color-text-main);background:#ffffff0d}.nav-tab.active{background:var(--color-brand-dim);color:var(--color-brand);border:1px solid #00c8f059;box-shadow:0 0 14px #00c8f026}.sync-badge{font-size:.72rem;font-weight:700;font-family:var(--font-mono);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.sync-badge.online{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.sync-badge.offline{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d}.main-content{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:24px 20px 60px}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition-smooth);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0006}.bento-card:hover{border-color:#00c8f059;box-shadow:0 12px 40px #0000008c,0 0 0 1px #00c8f026}.btn{font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-brand), #00a8c8);color:#06080f;font-weight:700}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 20px #00c8f073}.btn-secondary{border:1px solid var(--border-color);color:var(--color-text-main);background:#ffffff0d}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff38}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444433;border-color:#ef4444}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-block{width:100%}.modern-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.form-group{width:100%;margin-bottom:14px;flex-direction:column!important;gap:6px!important;display:flex!important}.form-group label{margin-bottom:4px;font-family:var(--font-body)!important;color:#94a3b8!important;letter-spacing:.01em!important;font-size:.84rem!important;font-weight:600!important;display:block!important}.form-group input,.form-group select,.form-group textarea{transition:all .2s var(--ease-smooth);color:#edf0f9!important;font-size:.95rem!important;font-weight:500!important;font-family:var(--font-body)!important;box-sizing:border-box!important;background-color:#0c0f1a!important;border:1px solid #1a2236!important;border-radius:8px!important;outline:none!important;width:100%!important;padding:11px 14px!important}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background-color:#101424!important;border-color:#253045!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#121827!important;border-color:#00c8f0!important;box-shadow:0 0 0 3px #00c8f02e!important}.calculator-header-banner{margin-bottom:24px}.calculator-header-banner h2{color:#fff;margin-bottom:6px;font-size:1.45rem}.calculator-header-banner p{color:#94a3b8;font-size:.9rem}.calculator-grid-advanced{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}.calc-card{margin-bottom:20px}.calc-card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.calc-card-icon{color:var(--color-brand);background:#00c8f01a;border-radius:10px;padding:8px;font-size:1.25rem}.calc-profit-references{background:#ef444414;border:1px solid #ef444440;border-radius:10px;margin-top:14px;padding:12px 16px;font-size:.84rem}.calc-profit-references .ref-title{color:#f87171;margin-bottom:6px;font-weight:700;display:block}.calc-profit-references .ref-list{color:#edf0f9;font-family:var(--font-mono);gap:20px;font-size:.85rem;list-style:none;display:flex}.calc-results-card{background:#0c0f1af2;border-color:#00c8f059;position:sticky;top:90px}.calc-results-header h3{color:#fff;margin-bottom:18px;font-size:1.25rem}.res-row{color:#94a3b8;font-size:.9rem;font-family:var(--font-body);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.res-row strong{color:#edf0f9;font-family:var(--font-mono);font-size:.95rem;font-weight:700}.text-cyan{color:var(--color-brand)!important}.res-divider{background:#ffffff14;height:1px;margin:16px 0}.total-box{border-radius:14px;flex-direction:column;gap:6px;margin-bottom:14px;padding:16px 20px;display:flex}.red-total-box{background:#ef444414;border:1px solid #ef444459;box-shadow:0 4px 20px #ef44441a}.red-total-box .total-box-title{font-family:var(--font-display);color:#f87171;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.red-total-box .total-box-amount{font-family:var(--font-mono);color:#ef4444;letter-spacing:-.02em;text-shadow:0 0 24px #ef44444d;font-size:2rem;font-weight:800}.gold-total-box{background:#c8963a14;border:1px solid #c8963a59;box-shadow:0 4px 20px #c8963a1a}.gold-total-box .total-box-title{font-family:var(--font-display);color:#fbbf24;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.gold-total-box .total-box-amount{font-family:var(--font-mono);color:var(--color-gold);letter-spacing:-.02em;text-shadow:0 0 24px #c8963a4d;font-size:1.85rem;font-weight:800}.catalogue-controls-bar{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper .search-icon{color:#94a3b8;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input-wrapper input{color:#edf0f9;width:100%;font-family:var(--font-body);transition:all .2s var(--ease-smooth);background-color:#0c0f1a;border:1px solid #1a2236;border-radius:12px;outline:none;padding:13px 16px 13px 46px;font-size:.95rem}.search-input-wrapper input:focus{border-color:#00c8f0;box-shadow:0 0 0 3px #00c8f02e}.category-chips-row{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.chip{color:#94a3b8;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-smooth);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:7px 16px;font-size:.84rem;font-weight:600}.chip:hover{color:#edf0f9;background:#00c8f014;border-color:#00c8f040}.chip.active{border-color:var(--color-brand);color:var(--color-brand);background:#00c8f026;box-shadow:0 0 12px #00c8f033}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-backdrop>.modal-content{scrollbar-width:thin;scrollbar-color:#1f2a3d transparent;background:#0d111d;border:1px solid #1f2a3d;border-radius:18px;width:100%;max-width:560px;max-height:90vh;padding:26px 28px;animation:.18s cubic-bezier(.16,1,.3,1) modalPop;overflow-y:auto;box-shadow:0 24px 60px #000c}.modal-backdrop>.modal-content::-webkit-scrollbar{width:5px}.modal-backdrop>.modal-content::-webkit-scrollbar-track{background:0 0}.modal-backdrop>.modal-content::-webkit-scrollbar-thumb{background:#1f2a3d;border-radius:3px}@keyframes modalPop{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card{background:#0c0f1a;border:1px solid #1a2236;border-radius:18px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000e6}.modal-header{border-bottom:1px solid #1a2236;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h2{color:#fff;font-size:1.2rem}.modal-body{padding:24px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.close-btn:hover{color:#fff}.empty-state{text-align:center;color:#94a3b8;font-family:var(--font-body);padding:60px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:2.8rem;display:block}.realtime-toast{color:#fff;border:1px solid var(--color-brand);z-index:9999;background:#0c0f1a;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:.9rem;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 36px #0009}.premium-search-box{flex:1;align-items:center;width:100%;display:flex;position:relative}.premium-search-box .search-icon{color:var(--color-brand);pointer-events:none;z-index:2;transition:color .2s;position:absolute;left:16px}.premium-search-input{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#edf0f9!important;width:100%!important;font-size:.95rem!important;font-family:var(--font-body)!important;background:#0c0f1ad9!important;border:1px solid #ffffff1f!important;border-radius:12px!important;outline:none!important;padding:12px 42px 12px 46px!important;font-weight:500!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:inset 0 2px 4px #0000004d!important}.premium-search-input::placeholder{color:#64748b!important;font-weight:400!important}.premium-search-input:hover{background:#0f172af2!important;border-color:#00c8f059!important}.premium-search-input:focus{border-color:var(--color-brand)!important;background:#090c14!important;box-shadow:0 0 20px #00c8f040,inset 0 2px 4px #0000004d!important}.premium-search-clear{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;right:14px}.premium-search-clear:hover{color:#ef4444;background:#ef444433}.color-picker-row{box-sizing:border-box!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.color-picker-row input[type=text]{color:#edf0f9!important;box-sizing:border-box!important;background-color:#0c0f1a!important;flex:auto!important;width:100%!important;min-width:0!important}.color-picker-row input[type=color]{cursor:pointer!important;box-sizing:border-box!important;background-color:#0c0f1a!important;border:1px solid #253045!important;border-radius:8px!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:3px!important}.logo-preview-box{box-sizing:border-box;background:#00c8f00a;border:1.5px dashed #00c8f04d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:180px;min-width:180px;max-width:180px;height:70px;max-height:70px;padding:8px;display:flex;overflow:hidden}.logo-preview-img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%}.logo-upload-zone{color:#edf0f9;cursor:pointer;background:#ffffff05;border:1.5px dashed #253045;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.logo-upload-zone:hover{color:#00c8f0;background:#00c8f00f;border-color:#00c8f0}.settings-flash-ok{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;display:flex}.desktop-nav-tabs{align-items:center;gap:8px;display:flex;position:relative}.desktop-actions-bar{align-items:center;gap:10px;display:flex}.mobile-header-controls{align-items:center;gap:12px;display:none}.mobile-menu-toggle{color:#edf0f9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mobile-menu-toggle:hover,.mobile-menu-toggle:active{border-color:var(--color-brand);color:var(--color-brand);background:#00c8f026}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#000000bf;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-nav-drawer{box-sizing:border-box;background:#0c101cfa;border-left:1px solid #00c8f04d;flex-direction:column;width:320px;max-width:86vw;height:100%;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;overflow-y:auto;box-shadow:-10px 0 35px #000c}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.mobile-drawer-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-user-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:16px 0;padding:14px}.mobile-drawer-body{flex-direction:column;flex:1;gap:18px;margin-bottom:20px;display:flex}.mobile-nav-group{flex-direction:column;gap:8px;display:flex}.mobile-group-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding-left:4px;font-size:.74rem;font-weight:800}.mobile-group-items{flex-direction:column;gap:6px;display:flex}.mobile-nav-item{color:#edf0f9;font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:10px 12px;transition:all .15s;display:flex}.mobile-nav-item:active{background:#ffffff0f}.mobile-nav-item.active{color:var(--color-brand);background:#00c8f024;border-color:#00c8f066}.mobile-item-icon{width:34px;height:34px;color:var(--color-brand);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-nav-item.active .mobile-item-icon{background:var(--color-brand);color:#000}.mobile-item-info{flex-direction:column;flex:1;display:flex}.mobile-item-label{font-size:.88rem;font-weight:600}.mobile-item-desc{color:#94a3b8;margin-top:1px;font-size:.72rem}.mobile-active-dot{background:var(--color-brand);width:6px;height:6px;box-shadow:0 0 8px var(--color-brand);border-radius:50%}.mobile-drawer-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:14px;display:flex}@media (width<=1024px){.desktop-nav-tabs,.desktop-actions-bar{display:none!important}.mobile-header-controls{display:flex!important}.header-container{padding:12px 16px}.main-content{padding:16px 14px!important}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:14px!important}.calculator-grid-advanced{grid-template-columns:1fr!important}.calc-results-card{position:static!important}}@media (width<=640px){.header-container{padding:10px 14px}.brand-image-logo{height:36px}.bento-grid{grid-template-columns:1fr!important}.catalogue-controls-bar{flex-direction:column!important;align-items:stretch!important}.category-chips-row{-webkit-overflow-scrolling:touch;white-space:nowrap!important;padding-bottom:6px!important;overflow-x:auto!important}.chip{flex-shrink:0!important}.form-row{grid-template-columns:1fr!important}input,select,textarea{font-size:16px!important}.modal-overlay{padding:10px!important}.modal-content{border-radius:14px!important;width:100%!important;max-width:100%!important;max-height:94vh!important}}:root{--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px}.app-shell{z-index:1;height:100vh;display:flex;position:relative;overflow:hidden}.app-sidebar{width:var(--sidebar-width);scrollbar-width:none;z-index:50;background:#0d1120;border-right:1px solid #00c8f01a;flex-direction:column;flex-shrink:0;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden auto}.app-sidebar::-webkit-scrollbar{display:none}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{background:#00c8f008;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;min-height:70px;padding:18px 16px;display:flex}.sidebar-logo-img{object-fit:contain;object-position:left center;flex-shrink:0;width:auto;max-width:100%;height:40px;max-height:40px;display:block}.app-sidebar.collapsed .sidebar-logo{justify-content:center;padding:18px 10px}.app-sidebar.collapsed .sidebar-logo-img{object-position:center;height:32px;max-height:32px}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section{margin-bottom:4px}.sidebar-category-label{letter-spacing:.1em;text-transform:uppercase;color:#2d3a4d;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:12px 10px 5px;font-size:.66rem;font-weight:800;overflow:hidden}.sidebar-category-divider{background:#1a2236;height:1px;margin:8px 6px}.sidebar-item{color:#7a8fa6;width:100%;font-family:var(--font-body);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:.855rem;font-weight:500;transition:all .15s;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{color:#c5d0e0;background:#ffffff0d}.sidebar-item.active{color:#ff7033;background:#ff4d001a;font-weight:600}.sidebar-item.active:before{content:"";background:#ff4d00;border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-item-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-item-chevron{color:#2d3a4d;flex-shrink:0}.sidebar-user{cursor:pointer;background:#00000026;border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;min-height:62px;padding:12px 10px;transition:background .15s;display:flex}.sidebar-user:hover{background:#ffffff0a}.sidebar-user-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#00c8f0 0%,#07a 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.82rem;font-weight:800;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#c5d0e0;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.sidebar-user-role{color:#6a7f96;margin-top:1px;font-size:.7rem}.sidebar-mobile-backdrop{z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:none;position:fixed;inset:0}.sidebar-category-label{color:#3a4a5e}.app-right{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.top-bar{height:var(--topbar-height);min-height:var(--topbar-height);z-index:150;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0d18f7;border-bottom:1px solid #1a2236;flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.top-bar-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.topbar-toggle{color:#64748b;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.topbar-toggle:hover{color:#edf0f9;background:#ffffff14}.topbar-page-info{min-width:0}.topbar-title{font-family:var(--font-display);color:#edf0f9;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;font-weight:800;line-height:1.2;overflow:hidden}.topbar-subtitle{color:#4a5568;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.76rem;overflow:hidden}.top-bar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-search{background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;transition:all .2s;display:flex}.topbar-search:focus-within{background:#00c8f00a;border-color:#00c8f059}.topbar-search input{color:#edf0f9;font-size:.84rem;font-family:var(--font-body);background:0 0;border:none;outline:none;width:160px}.topbar-search input::placeholder{color:#4a5568}.topbar-db-status{font-size:.72rem;font-weight:700;font-family:var(--font-mono);background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;display:flex}.topbar-db-label{display:none}.topbar-online{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.topbar-online.online{color:#10b981;background:#10b98114;border-color:#10b98133}.topbar-online.offline{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.topbar-bell{color:#64748b;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.topbar-bell:hover{color:#edf0f9;background:#ffffff14}.topbar-bell-badge{color:#fff;width:17px;height:17px;font-size:.6rem;font-weight:800;font-family:var(--font-mono);background:#ff4d00;border:2px solid #0a0d18;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px}.topbar-user-wrap{position:relative}.topbar-user{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:all .2s;display:flex}.topbar-user:hover{background:#ffffff0f;border-color:#ffffff24}.topbar-user-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#00c8f0 0%,#07a 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.78rem;font-weight:800;display:flex}.topbar-user-info{line-height:1}.topbar-user-name{color:#edf0f9;white-space:nowrap;font-size:.82rem;font-weight:700}.topbar-user-role{color:#4a5568;margin-top:2px;font-size:.68rem}.app-right .main-content{height:calc(100vh - var(--topbar-height));max-height:calc(100vh - var(--topbar-height));box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#1a2236 transparent;flex:1;padding:24px 28px 60px;overflow-y:auto;width:100%!important;max-width:none!important;margin:0!important}.app-right .main-content::-webkit-scrollbar{width:5px}.app-right .main-content::-webkit-scrollbar-track{background:0 0}.app-right .main-content::-webkit-scrollbar-thumb{background:#1a2236;border-radius:3px}.desktop-only{display:flex!important}.mobile-only{display:none!important}.global-search-panel{z-index:400;background:#0d111d;border:1px solid #1f2a3d;border-radius:14px;width:460px;max-width:calc(100vw - 32px);animation:.14s cubic-bezier(.16,1,.3,1) gs-drop;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 50px #000000b3}@keyframes gs-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.global-search-list{scrollbar-width:thin;scrollbar-color:#1f2a3d transparent;max-height:400px;padding:6px;overflow-y:auto}.global-search-list::-webkit-scrollbar{width:5px}.global-search-list::-webkit-scrollbar-track{background:0 0}.global-search-list::-webkit-scrollbar-thumb{background:#1f2a3d;border-radius:3px}.global-search-group{letter-spacing:.09em;text-transform:uppercase;color:#4a5c74;-webkit-user-select:none;user-select:none;padding:10px 10px 5px;font-size:.67rem;font-weight:800}.global-search-item{cursor:pointer;width:100%;font-family:var(--font-body);background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:9px 10px;transition:background .1s;display:flex}.global-search-item.active{background:#ff7a1a17}.global-search-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.global-search-title{color:#e8edf7;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;display:block;overflow:hidden}.global-search-sub{color:#6a7f96;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;display:block;overflow:hidden}.global-search-badge{white-space:nowrap;text-transform:capitalize;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:.69rem;font-weight:700}.global-search-footer{color:#5a6d85;background:#0a0d18;border-top:1px solid #1a2236;align-items:center;gap:14px;padding:9px 14px;font-size:.71rem;display:flex}.gs-kbd{min-width:17px;height:17px;font-family:var(--font-mono);color:#8fa0b8;background:#151d2e;border:1px solid #1f2a3d;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:.64rem;display:inline-flex}.focus-highlight{z-index:1;animation:2.8s cubic-bezier(.4,0,.2,1) focus-pulse;position:relative}@keyframes focus-pulse{0%,55%{background-color:#ff7a1a24;box-shadow:inset 3px 0 #ff7a1a}to{background-color:#0000;box-shadow:inset 3px 0 #0000}}.focus-highlight-card{animation:2.8s cubic-bezier(.4,0,.2,1) focus-pulse-card}@keyframes focus-pulse-card{0%,55%{border-color:#ff7a1a;box-shadow:0 0 0 3px #ff7a1a2e}to{border-color:#1a2236;box-shadow:0 0 0 3px #ff7a1a00}}@media (width<=900px){.app-sidebar{z-index:200;height:100vh;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 40px #000000b3}.sidebar-mobile-backdrop{display:block}.app-right{flex:1;margin-left:0!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}.topbar-search{display:none}.topbar-db-label{display:inline}}@media (width<=640px){.app-right .main-content{padding:16px 14px 48px!important}.top-bar{gap:8px;padding:0 14px}}