@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-color:#07080a;--bg-elevated:#0f1117;--surface-color:#ffffff07;--surface-hover:#ffffff0e;--surface-border:#ffffff14;--primary-color:#ff7b00;--primary-hover:#ff9533;--primary-neon:#f60;--primary-glow:#ff7b0038;--accent-cyan:#00f0ff;--accent-cyan-glow:#00f0ff2e;--text-primary:#fafafa;--text-secondary:#858592;--text-muted:#52525b;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--accent-blue:#38bdf8;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}*{box-sizing:border-box;margin:0;padding:0}html,body{position:relative;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;background-color:#07080b;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mono-text{letter-spacing:-.02em;font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace}.auth-loading{background:var(--bg-color);height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.85rem;display:flex}.auth-loading-spinner{border:2px solid var(--surface-border);border-top-color:var(--primary-color);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{background:radial-gradient(circle at 50% 0%, #ff7b0014 0%, var(--bg-color) 50%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-xl);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;max-width:400px;padding:3rem 2.5rem;box-shadow:0 25px 50px -12px #00000080}.login-brand{flex-direction:column;align-items:center;gap:12px;margin-bottom:2rem;display:flex}.login-brand h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.login-brand h1 span{color:var(--primary-color)}.login-brand p{color:var(--text-secondary);font-size:.9rem}.login-security{color:var(--danger-color);border-radius:var(--radius-md);background:#ef44441a;justify-content:center;align-items:center;gap:8px;margin-bottom:2rem;padding:8px 12px;font-size:.75rem;font-weight:500;display:flex}.login-btn{color:#3f3f46;border-radius:var(--radius-md);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.login-btn:hover{background:#f4f4f5;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.login-hint{color:var(--text-muted);margin-top:1.5rem;font-size:.7rem;display:block}.top-nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--surface-border);padding:env(safe-area-inset-top,0px) 2rem 0 2rem;background:#09090bd9;position:sticky;top:0}.top-nav-inner{justify-content:space-between;align-items:center;max-width:1400px;height:56px;margin:0 auto;display:flex}.nav-brand{color:var(--text-primary);align-items:center;text-decoration:none;display:flex}.nav-brand-logo{object-fit:contain;width:auto;height:22px;display:block}.nav-links{align-items:center;gap:2px;height:100%;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.825rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--surface-hover)}.nav-divider{background:var(--surface-border);width:1px;height:20px;margin:0 8px}.nav-actions{align-items:center;gap:8px;display:flex}.nav-btn-primary{border-radius:var(--radius-sm);color:#fff;background:var(--primary-color);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 3px #ff7b004d}.nav-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff7b0059}.options-dropdown-wrapper{position:relative}.options-dropdown{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);z-index:200;min-width:220px;padding:4px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 30px #00000080,0 0 0 1px #ffffff08}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.options-dropdown button,.options-dropdown a{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;font-size:.825rem;font-weight:450;text-decoration:none;transition:all .1s;display:flex}.options-dropdown button:hover,.options-dropdown a:hover{color:var(--text-primary);background:var(--surface-hover)}.options-dropdown hr{border:none;border-top:1px solid var(--surface-border);margin:4px 0}.glass-panel{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.app-container{max-width:1400px;margin:0 auto;padding:1.75rem 2rem 3rem}.hero-date{flex-direction:column;align-items:flex-end;gap:4px;margin-bottom:1.5rem;padding:0 4px;display:flex}.hero-date-right{color:var(--text-muted);align-items:center;gap:6px;font-size:.72rem;display:flex}.hero-date-full{color:var(--text-primary);text-transform:capitalize;letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.2}.live-dot{background:var(--success-color);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.dashboard-row{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr) 280px;gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-grid{display:contents}.stat-card{flex-direction:column;gap:8px;padding:1.25rem 1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--primary-color), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover{background:var(--surface-hover);border-color:#ffffff1f}.stat-card:hover:before{opacity:1}.stat-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.stat-value{letter-spacing:-.03em;font-size:1.85rem;font-weight:800;line-height:1}.stat-sub{color:var(--text-muted);font-size:.75rem;font-weight:400}.stat-eye-btn{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:auto;padding:2px;transition:color .15s,background .15s;display:flex}.stat-eye-btn:hover{color:var(--text-primary);background:var(--surface-hover);opacity:1}.calendar-widget{grid-area:1/4/3}.renewal-date-card{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:8px;align-items:center;max-width:135px;margin:0 auto;display:flex;overflow:hidden}.renewal-segment{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:4px 6px;display:flex}.renewal-value{color:var(--text-primary);text-transform:capitalize;letter-spacing:-.01em;font-size:.85rem;font-weight:700;line-height:1.2}.renewal-label{color:var(--text-muted);text-transform:capitalize;letter-spacing:.03em;font-size:.55rem;font-weight:500}.renewal-divider{background:var(--surface-border);flex-shrink:0;width:1px;height:20px}.table-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.table-tabs{border-radius:var(--radius-sm);background:#ffffff08;gap:2px;padding:3px;display:flex}.table-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.825rem;font-weight:500;transition:all .15s;display:flex}.table-tab.active{color:var(--text-primary);background:var(--surface-hover)}.table-tab:hover:not(.active){color:var(--text-primary)}.table-search{align-items:center;gap:8px;display:flex}.search-input{border:1px solid var(--surface-border);color:#fff;border-radius:var(--radius-sm);background:#ffffff0a;width:240px;padding:7px 12px;font-family:inherit;font-size:.825rem;transition:border-color .2s}.search-input:focus{border-color:var(--primary-color);background:#ffffff0f;outline:none}.search-input::placeholder{color:var(--text-muted)}.filters-bar{border-bottom:1px solid var(--surface-border);background:#ffffff02;align-items:center;gap:8px;padding:8px 1.5rem;display:flex}.filters-bar label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px;font-size:.75rem;font-weight:500}.filter-select{border:1px solid var(--surface-border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0a;padding:5px 10px;font-family:inherit;font-size:.8rem;transition:border-color .15s}.filter-select:focus{border-color:var(--primary-color);outline:none}.table-container{border-radius:var(--radius-md);border:1px solid var(--surface-border);max-height:68vh;overflow:auto}table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--surface-border);z-index:10;-webkit-backdrop-filter:blur(12px);background:#111113f2;padding:14px 1rem;font-size:.72rem;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid #ffffff06;padding:14px 1rem;font-size:.875rem;transition:all .15s}tbody tr{border-left:3px solid #0000;transition:all .15s;position:relative}tbody tr:nth-child(2n){background:#ffffff03}tbody tr:nth-child(odd){background:#ffffff01}tbody tr:hover{border-left-color:var(--primary-color)!important;background:#ffffff09!important}tbody tr:hover td{color:#fff}tfoot td{color:var(--text-muted);font-size:.8rem;background:0 0!important}.badge{letter-spacing:.02em;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-hosting{color:var(--success-color);background:#10b9811a}.badge-domain{color:#60a5fa;background:#3b82f61a}.badge-warning{color:var(--warning-color);background:#f59e0b1a}.badge-danger{color:var(--danger-color);background:#ef44441a}.action-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .1s;display:flex}.action-icon:hover{color:var(--text-primary);background:var(--surface-hover)}.row-actions-container{border-top:1px dashed #ffffff0d;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:6px;display:flex}.row-action-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:.72rem;font-weight:500;transition:all .15s;display:inline-flex}.row-action-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.row-action-btn.pdf{color:#a1a1aa}.row-action-btn.pdf:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.row-action-btn.payment{color:var(--success-color);background:#10b9810d;border-color:#10b9811a}.row-action-btn.payment:hover{color:#10b981;background:#10b9811f;border-color:#10b98140;box-shadow:0 0 8px #10b98126}.row-action-btn.edit{color:#38bdf8;background:#38bdf80d;border-color:#38bdf81a}.row-action-btn.edit:hover{color:#38bdf8;background:#38bdf81f;border-color:#38bdf840;box-shadow:0 0 8px #38bdf826}.row-action-btn.archive{color:var(--warning-color);background:#f59e0b0d;border-color:#f59e0b1a}.row-action-btn.archive:hover{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b40;box-shadow:0 0 8px #f59e0b26}.row-action-btn.restore{color:var(--success-color);background:#10b9810d;border-color:#10b9811a}.row-action-btn.restore:hover{color:#10b981;background:#10b9811f;border-color:#10b98140}.row-action-btn.delete{color:var(--danger-color);background:#ef44440d;border-color:#ef44441a}.row-action-btn.delete:hover{color:#ef4444;background:#ef44441f;border-color:#ef444440;box-shadow:0 0 8px #ef444426}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-xl);width:95%;max-width:640px;max-height:92vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 65px #00000080}.modal-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h2,.modal-header h3{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.modal-body{max-height:70vh;overflow-y:auto}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{color:#fff;background:var(--surface-hover)}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.form-control{border:1px solid var(--surface-border);color:#fff;border-radius:var(--radius-sm);background:#ffffff0a;width:100%;padding:9px 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.checkbox-group{cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.checkbox-group input{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.form-section{border-radius:var(--radius-md);background:#ffffff04;border:1px solid #ffffff0a;margin-bottom:1.5rem;padding:1.25rem}.form-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:.82rem;font-weight:700;display:flex}.form-row-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.profit-calculator-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#ff7b0014,#ff7b0005);border:1px solid #ff7b0026;flex-direction:column;gap:10px;margin:1.5rem 0;padding:1.25rem;animation:.3s fadeIn;display:flex}.profit-calculator-card.positive{background:linear-gradient(135deg,#10b98114,#10b98105);border:1px solid #10b98126}.profit-calculator-card.negative{background:linear-gradient(135deg,#ef444414,#ef444405);border:1px solid #ef444426}.profit-calc-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.profit-calc-value{letter-spacing:-.02em;color:#fff;margin:4px 0;font-size:1.5rem;font-weight:800}.profit-calculator-card.positive .profit-calc-value{color:var(--success-color);text-shadow:0 0 12px #10b98133}.profit-calculator-card.negative .profit-calc-value{color:var(--danger-color);text-shadow:0 0 12px #ef444433}.profit-calc-summary{color:var(--text-secondary);border-top:1px solid #ffffff0d;justify-content:space-between;padding-top:8px;font-size:.8rem;display:flex}.profit-calc-item{flex-direction:column;gap:2px;display:flex}.profit-calc-item span:first-child{color:var(--text-muted);font-size:.7rem}.profit-calc-item span:last-child{color:var(--text-primary);font-weight:600}.btn{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--surface-border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 1px 4px #ff7b0040}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 15px #ff7b004d}.btn-secondary{border-color:var(--surface-border);color:var(--text-secondary);background:0 0}.btn-secondary:hover{color:var(--text-primary);border-color:#ffffff26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.4s forwards fadeIn}.days-left{font-size:.8rem;font-weight:600}.days-left.urgent{color:var(--danger-color)}.days-left.soon{color:var(--warning-color)}.days-left.safe{color:var(--success-color)}.empty-state{text-align:center;color:var(--text-muted);padding:3rem;font-size:.9rem}.finance-cell{flex-direction:column;gap:6px;min-width:200px;display:flex}.finance-grid{flex-direction:column;gap:2px;display:flex}.finance-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border);grid-template-columns:56px 1fr;gap:4px;padding-bottom:3px;font-size:.6rem;font-weight:600;display:grid}.finance-header span:last-child,.finance-cost,.finance-charge{text-align:right}.finance-row{grid-template-columns:56px 1fr;gap:4px;padding:3px 0;font-size:.75rem;display:grid}.finance-row-charge{border-top:1px solid var(--surface-border);margin-top:2px;padding-top:4px}.finance-label{color:var(--text-secondary);font-weight:500}.finance-cost{text-align:right;color:var(--text-muted)}.finance-charge{text-align:right;color:var(--text-primary);font-weight:600}.finance-profit{text-align:center;letter-spacing:-.01em;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:700}.finance-profit.positive{color:var(--success-color);background:#10b9811a}.finance-profit.negative{color:var(--danger-color);background:#ef44441a}.calendar-widget{flex-direction:column;gap:10px;min-width:0;padding:1rem;display:flex}.cal-header{justify-content:space-between;align-items:center;display:flex}.cal-month{text-transform:capitalize;color:var(--text-primary);font-size:.85rem;font-weight:600}.cal-nav{border:1px solid var(--surface-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:4px;transition:all .1s;display:flex}.cal-nav:hover{color:var(--text-primary);background:var(--surface-hover)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.cal-day-label{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 0;font-size:.6rem;font-weight:600}.cal-day{text-align:center;color:var(--text-secondary);cursor:default;border-radius:4px;padding:5px 2px;font-size:.72rem;transition:background .1s;position:relative}.cal-day.empty{visibility:hidden}.cal-day.today{background:var(--primary-color);color:#fff;border-radius:50%;font-weight:700}.cal-day.has-renewal{color:var(--warning-color);font-weight:700}.cal-day.has-renewal:hover{background:#f59e0b26}.cal-dot{background:var(--warning-color);border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.cal-day.has-past-renewal{color:var(--text-muted);font-weight:600}.cal-day.has-past-renewal:hover{background:#52525b26}.cal-dot.past{background:var(--text-muted)}.cal-list-date.past,.cal-list-name.past{color:var(--text-muted)}.cal-legend{color:var(--text-muted);text-align:center;padding:4px 0;font-size:.7rem;font-style:italic}.cal-list{border-top:1px solid var(--surface-border);flex-direction:column;gap:4px;padding-top:8px;display:flex}.cal-list-item{border-radius:4px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:.72rem;transition:background .1s;display:flex}.cal-list-item:hover{background:var(--surface-hover)}.cal-list-date{color:var(--warning-color);min-width:50px;font-weight:600}.cal-list-name{color:var(--text-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (width>=769px){table th:nth-child(4),table td:nth-child(4){text-align:center;width:115px;max-width:115px}table th:nth-child(5),table td:nth-child(5){text-align:center;width:125px;max-width:125px}}.renewal-simple-badge{border:1px solid var(--surface-border);background:#ffffff04;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:95px;padding:5px 8px;display:inline-flex;box-shadow:0 1px 3px #0003}.renewal-simple-date{color:var(--text-primary);white-space:nowrap;font-size:.8rem;font-weight:700}.renewal-simple-weekday{color:var(--text-secondary);text-transform:capitalize;margin-top:1px;font-size:.6rem}.status-badge-paid{color:#09090b;box-sizing:border-box;background:#10b981;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 12px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 2px 8px #10b98159}.status-badge-unpaid{color:#fff;box-sizing:border-box;background:#ef4444;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 12px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 2px 8px #ef444459}@media (width<=1024px){.dashboard-row{grid-template-rows:auto;grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.calendar-widget{grid-area:auto}.nav-links{display:none}.app-container{padding:1.5rem 1rem}}.desktop-table-container{width:100%;display:block;overflow-x:auto}.mobile-cards-container,.mobile-bottom-dock,.mobile-top-menu-btn{display:none}.clients-section-wrapper{box-sizing:border-box;background:#0d0f15;border:1px solid #ffffff0f;border-radius:8px;width:100%;max-width:100%;overflow:hidden}.min-client-card{box-sizing:border-box;background:#0e1017;border:1px solid #ffffff0f;border-left:3px solid #ffffff26;border-radius:8px;flex-direction:column;gap:8px;width:100%;max-width:100%;padding:10px 12px;transition:transform .12s;display:flex}.min-client-card.unpaid{border-left-color:var(--primary-color)}.min-client-card.paid{border-left-color:var(--success-color)}.min-card-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.min-card-id-name{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.min-card-id{color:var(--primary-color);background:#ff66001a;border:1px solid #ff660040;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.68rem;font-weight:700}.min-card-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.92rem;font-weight:700;overflow:hidden}.min-status-dot{white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:inline-flex}.min-status-dot.paid{color:var(--success-color)}.min-status-dot.unpaid{color:var(--warning-color)}.min-status-dot .dot{border-radius:50%;width:6px;height:6px}.min-status-dot.paid .dot{background:var(--success-color)}.min-status-dot.unpaid .dot{background:var(--warning-color)}.min-card-meta{color:var(--text-secondary);flex-direction:column;gap:3px;width:100%;font-size:.76rem;display:flex}.min-meta-service{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}.min-domain-name{color:var(--text-primary);font-weight:600}.min-domain-link{color:var(--primary-color);display:inline-flex}.min-host-badge{color:var(--text-muted);font-size:.7rem}.min-meta-date{color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;display:flex}.min-date-text{color:var(--text-secondary);font-weight:600}.min-days-badge{margin-left:2px}.min-card-fin{border-top:1px dashed #ffffff0d;border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:4px 0;font-size:.78rem;display:flex}.min-fin-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.min-fin-lbl{color:var(--text-muted);font-size:.7rem}.min-fin-val{color:var(--text-primary)}.min-fin-val.text-green{color:var(--success-color)}.min-fin-val.text-red{color:var(--danger-color)}.min-fin-sep{color:#ffffff26}.min-fin-expand-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px}.min-card-details{color:var(--text-secondary);border-bottom:1px dashed #ffffff0d;padding:6px 0;font-size:.72rem}.min-detail-item{gap:6px;padding:2px 0;display:flex}.min-detail-item a{color:var(--primary-color);text-decoration:none}.min-card-actions{align-items:center;gap:5px;width:100%;padding-top:2px;display:flex}.min-btn{min-height:36px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex}.min-btn:active{transform:scale(.95)}.min-btn.wa{color:#25d366;background:#25d3661f;border-color:#25d3664d;flex:1.2}.min-btn.payment{color:var(--accent-cyan);background:#00f0ff1a;border-color:#00f0ff40;flex:1.2}.min-btn.pdf{color:var(--primary-color);background:#ff7b001a;border-color:#ff7b0040;flex:.9}.min-btn.icon{width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;padding:0}.min-btn.icon.danger{color:#ef4444}.min-btn.restore{width:100%;color:var(--accent-cyan);border-color:#00f0ff4d}.mobile-cards-footer{text-align:center;color:var(--text-muted);padding:6px 0 12px;font-size:.72rem}.mobile-sheet-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mobile-sheet-content{box-sizing:border-box;width:100%;max-width:100%;padding:12px 14px;padding-bottom:max(20px, env(safe-area-inset-bottom));background:#0d0f15;border-top:1px solid #ff7b0040;border-radius:16px 16px 0 0;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) sheetSlideUp;overflow-y:auto;box-shadow:0 -10px 40px #000c}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-handle{background:#fff3;border-radius:2px;width:36px;height:4px;margin:0 auto 10px}.mobile-sheet-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.sheet-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.sheet-sub{letter-spacing:.05em;color:var(--primary-color);font-size:.62rem}.mobile-sheet-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px}.mobile-sheet-body{flex-direction:column;gap:3px;display:flex}.mobile-sheet-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;text-decoration:none;transition:all .12s;display:flex}.mobile-sheet-item:active{background:#ffffff0d}.sheet-item-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sheet-item-icon.orange{color:#ff7b00;background:#ff7b001f}.sheet-item-icon.blue{color:#3b82f6;background:#3b82f61f}.sheet-item-icon.green{color:#10b981;background:#10b9811f}.sheet-item-icon.purple{color:#a855f7;background:#a855f71f}.sheet-item-icon.cyan{color:#00f0ff;background:#00f0ff1f}.sheet-item-icon.amber{color:#f59e0b;background:#f59e0b1f}.sheet-item-icon.red{color:#ef4444;background:#ef44441f}.sheet-item-text{flex-direction:column;flex:1;display:flex}.sheet-item-text strong{color:var(--text-primary);font-size:.85rem}.sheet-item-text span{color:var(--text-muted);font-size:.7rem}.sheet-chevron{color:var(--text-muted);opacity:.5}.mobile-sheet-divider{border:none;border-top:1px solid #ffffff0f;margin:3px 0}.mobile-sheet-item.danger .sheet-item-text strong{color:#ef4444}@media (width<=768px){html,body,#root{width:100%!important;max-width:100vw!important;position:relative!important;overflow-x:hidden!important}body{padding-bottom:68px!important}.app-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:.4rem .3rem 68px!important;overflow-x:hidden!important}.top-nav{padding:env(safe-area-inset-top,0px) .5rem 0 .5rem!important}.top-nav-inner{height:46px!important}.nav-brand-logo{height:17px!important}.hide-on-mobile{display:none!important}.mobile-top-menu-btn{justify-content:center;align-items:center;width:34px!important;height:34px!important;color:var(--text-primary)!important;cursor:pointer!important;background:0 0!important;border:1px solid #ffffff14!important;border-radius:6px!important;display:flex!important}.mobile-bottom-dock{-webkit-backdrop-filter:blur(16px);z-index:990;padding:0 2px;padding-bottom:max(2px, env(safe-area-inset-bottom));justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0009;background:#08090df5!important;border-top:1px solid #ffffff14!important;height:54px!important;display:flex!important}.dock-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px 6px;font-size:.62rem;font-weight:600;display:flex}.dock-btn.active{color:var(--primary-color)}.dock-fab-wrapper{padding:0 2px;position:relative;top:-12px}.dock-fab-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7b00 0%,#ff4500 100%);border:2px solid #08090d;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #ff7b0080;width:46px!important;height:46px!important}.hero-date{align-items:flex-end;gap:2px;padding:0 2px;margin-bottom:.5rem!important}.hero-date-full{font-size:1rem!important}.hero-date-right{font-size:.62rem!important}.dashboard-row{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;margin-bottom:.6rem!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;display:grid!important}.stat-card{border-radius:6px!important;gap:4px!important;padding:.6rem .75rem!important}.stat-value{font-size:1.25rem!important}.stat-sub{font-size:.62rem!important}.calendar-widget{border-radius:6px!important;padding:.6rem!important}.cal-day{padding:3px 1px!important;font-size:.65rem!important}.lab-telemetry-container{box-sizing:border-box!important;border-radius:6px!important;width:100%!important;margin-bottom:.6rem!important;padding:.65rem .75rem!important;overflow-x:hidden!important}.lab-fundamentals-grid{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;overflow-x:hidden!important}.lab-card-fundamental{box-sizing:border-box!important;border-radius:6px!important;width:100%!important;padding:.75rem!important;overflow-x:hidden!important}.lab-bars-wrapper{gap:2px!important;width:100%!important;max-width:100%!important;height:100px!important;overflow-x:auto!important}.lab-bar-col{min-width:18px!important}.clients-section-wrapper{box-sizing:border-box!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;overflow:visible!important}.table-header{-webkit-backdrop-filter:blur(16px);z-index:20!important;box-sizing:border-box!important;background:#0a0c11f2!important;border:1px solid #ffffff0f!important;border-radius:6px!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important;padding:6px 8px!important;position:sticky!important;top:46px!important}.table-tabs{width:100%!important}.table-tabs button{flex:1;padding:6px 8px!important;font-size:.72rem!important}.search-input{width:100%!important;padding:6px 8px 6px 28px!important;font-size:.75rem!important}.lab-quick-chips{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;flex-wrap:nowrap!important;gap:5px!important;width:100%!important;margin:0!important;padding:4px 0!important;display:flex!important;overflow-x:auto!important}.lab-quick-chips::-webkit-scrollbar{display:none!important}.lab-chip{white-space:nowrap!important;background:#0f1117!important;border:1px solid #ffffff14!important;border-radius:5px!important;flex-shrink:0!important;padding:5px 9px!important;font-size:.72rem!important}.filters-bar{box-sizing:border-box!important;background:#0f1117!important;border:1px solid #ffffff0f!important;border-radius:6px!important;flex-direction:column!important;gap:5px!important;width:100%!important;margin-bottom:6px!important;padding:6px 8px!important;display:flex!important}.filters-inputs-group{flex-wrap:wrap!important;align-items:center!important;gap:4px!important;width:100%!important;display:flex!important}.filters-inputs-group label{color:var(--text-muted);font-size:.68rem!important}.filters-sort-group{align-items:center!important;gap:4px!important;width:100%!important;display:flex!important}.filters-sort-group label{color:var(--text-muted);font-size:.68rem!important}.filter-select{background:#090a0e!important;border:1px solid #ffffff14!important;border-radius:5px!important;flex:1!important;min-width:0!important;padding:5px 6px!important;font-size:.7rem!important}.filter-sort-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:1px solid #ffffff14!important;border-radius:5px!important;align-items:center!important;padding:5px 6px!important;display:flex!important}.desktop-table-container{display:none!important}.mobile-cards-container{box-sizing:border-box!important;flex-direction:column!important;gap:6px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:flex!important}.min-client-card{box-sizing:border-box!important;border-radius:6px!important;width:100%!important;max-width:100%!important;padding:8px 10px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{width:100%!important;max-width:100%!important;max-height:88vh!important;padding:1rem .85rem!important;padding-bottom:max(16px, env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border-radius:16px 16px 0 0!important;margin:0!important;box-shadow:0 -10px 40px #000c!important}.modal-body{max-height:72vh;overflow-y:auto}.form-row{grid-template-columns:1fr!important}}@keyframes labPulse{0%{transform:scale(.95);box-shadow:0 0 #ff6600b3}70%{transform:scale(1.05);box-shadow:0 0 0 6px #f600}to{transform:scale(.95);box-shadow:0 0 #f600}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.lab-telemetry-container{box-sizing:border-box;background:#0d0f15;border:1px solid #ff7b0033;border-radius:8px;width:100%;max-width:100%;margin-bottom:1rem;padding:.85rem 1rem;position:relative;overflow:hidden}.lab-telemetry-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-telemetry-title-group{flex-direction:column;gap:4px;display:flex}.lab-badge-pulse{background:#ff66001f;border:1px solid #ff66004d;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:2px 8px;display:inline-flex}.lab-pulse-dot{background-color:var(--primary-neon);border-radius:50%;width:6px;height:6px;animation:2s infinite labPulse}.lab-badge-text{color:var(--primary-color);letter-spacing:.06em;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700}.lab-telemetry-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.lab-telemetry-controls{align-items:center;gap:12px;display:flex}.lab-uptime-indicator{color:var(--accent-cyan);border-radius:var(--radius-sm);background:#00f0ff14;border:1px solid #00f0ff33;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:600;display:flex}.lab-toggle-btn{border:1px solid var(--surface-border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;transition:all .2s;display:flex}.lab-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:#ff7b004d}.lab-telemetry-body{margin-top:1.25rem}.lab-telemetry-grid{grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}.lab-chart-card{border-radius:var(--radius-lg);background:#0a0c11d9;border:1px solid #ffffff12;flex-direction:column;padding:1.25rem;display:flex;position:relative}.lab-chart-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.lab-chart-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.lab-chart-sub{color:var(--primary-color);font-size:.78rem;font-weight:600}.lab-bars-wrapper{box-sizing:border-box;justify-content:space-between;align-items:flex-end;gap:4px;width:100%;max-width:100%;height:130px;padding:0 2px 8px;display:flex;overflow-x:auto}.lab-bar-col{cursor:pointer;flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.lab-bar-track{background:#ffffff05;border-radius:4px;align-items:flex-end;width:100%;max-width:28px;height:100%;display:flex;position:relative;overflow:hidden}.lab-bar-fill{border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;padding-top:4px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 10px #ff7b0026}.lab-bar-col.current-month .lab-bar-fill{border:1px solid #ffc864cc;border-bottom:none;box-shadow:0 0 16px #f609}.lab-bar-col:hover .lab-bar-fill{filter:brightness(1.25);box-shadow:0 0 18px #ff7b0080}.lab-bar-count-badge{color:#fff;text-shadow:0 1px 3px #000c;font-size:.62rem;font-weight:700;line-height:1}.lab-bar-label{color:var(--text-muted);margin-top:8px;font-size:.68rem;font-weight:500;transition:color .15s}.lab-bar-label.active{color:var(--primary-color);font-weight:700}.lab-bar-col:hover .lab-bar-label{color:var(--text-primary)}.lab-bar-tooltip{border-radius:var(--radius-sm);white-space:nowrap;z-index:50;pointer-events:none;text-align:center;background:#0f1117f2;border:1px solid #ff7b0066;padding:8px 12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 25px #000c,0 0 15px #ff7b0033}.lab-bar-tooltip .tooltip-title{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.lab-bar-tooltip .tooltip-value{color:var(--primary-color);margin:2px 0;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.lab-bar-tooltip .tooltip-count{color:var(--text-muted);font-size:.65rem}.lab-chart-footer{color:var(--text-secondary);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:.75rem;padding-top:.75rem;font-size:.72rem;display:flex}.lab-legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-dot.current{background:#f50;box-shadow:0 0 6px #f50}.legend-dot.projected{background:#ff7b0080}.lab-side-telemetry{flex-direction:column;gap:1rem;display:flex}.lab-gauge-card,.lab-nodes-card{border-radius:var(--radius-lg);background:#0a0c11d9;border:1px solid #ffffff12;padding:1rem 1.25rem}.lab-gauge-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lab-gauge-title{color:var(--text-secondary);font-size:.8rem;font-weight:600}.lab-gauge-percent{color:var(--success-color);font-size:1.15rem;font-weight:700}.lab-gauge-progress-bar{background:#ffffff0f;border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.lab-gauge-progress-fill{background:linear-gradient(90deg,#10b981 0%,#00f0ff 100%);border-radius:3px;height:100%;transition:width .6s;box-shadow:0 0 10px #10b98166}.lab-gauge-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-box{background:#ffffff06;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:.72rem;display:flex}.metric-lbl{color:var(--text-secondary)}.metric-box strong{color:var(--text-primary);margin-left:auto}.lab-nodes-header{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:10px;font-size:.8rem;font-weight:600;display:flex}.lab-node-item{margin-bottom:10px}.node-info{color:var(--text-primary);justify-content:space-between;margin-bottom:4px;font-size:.72rem;display:flex}.node-bar-track{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.node-bar-fill.conexcol{background:linear-gradient(90deg,#ff7b00,#ff9533);height:100%;box-shadow:0 0 8px #ff7b0066}.node-item-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.micro-node-card{background:#ffffff06;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.micro-lbl{color:var(--text-secondary);font-size:.65rem}.micro-val{color:var(--text-primary);font-size:.75rem;font-weight:600}.lab-critical-radar{border-top:1px solid #ffffff0f;margin-top:1.25rem;padding-top:1.25rem}.radar-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.radar-title{color:var(--warning-color);align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.radar-count-badge{color:var(--warning-color);background:#f59e0b26;border:1px solid #f59e0b59;border-radius:10px;padding:1px 6px;font-size:.68rem}.radar-hint{color:var(--text-muted);font-size:.72rem}.radar-pills-row{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.radar-client-pill{border-radius:var(--radius-md);background:#0f1117cc;border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.radar-client-pill:hover{background:#141822f2;border-color:#ff7b0066;transform:translateY(-1px)}.radar-client-pill.urgent{background:#ef44440a;border-color:#ef444459}.pill-left{align-items:center;gap:8px;min-width:0;display:flex}.pill-id{color:var(--primary-color);background:#ff7b001a;border-radius:3px;padding:2px 4px;font-size:.68rem;font-weight:700}.pill-info{flex-direction:column;min-width:0;display:flex}.pill-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.78rem;font-weight:600;overflow:hidden}.pill-domain{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.68rem;overflow:hidden}.pill-center{flex-direction:column;align-items:flex-end;margin:0 8px;display:flex}.pill-days{color:var(--warning-color);font-size:.72rem;font-weight:700}.radar-client-pill.urgent .pill-days{color:var(--danger-color)}.pill-amount{color:var(--text-muted);font-size:.68rem}.pill-actions{align-items:center;display:flex}.pill-action-btn.wa{color:#25d366;border-radius:var(--radius-sm);background:#25d3661f;border:1px solid #25d3664d;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.pill-action-btn.wa:hover{color:#000;background:#25d366;box-shadow:0 0 10px #25d36666}@media (width<=900px){.lab-telemetry-grid{grid-template-columns:1fr}}.lab-quick-chips{white-space:nowrap;background:#00000040;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:10px 1.5rem;display:flex;overflow-x:auto}.lab-chip{color:var(--text-secondary);cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:20px;padding:5px 12px;font-family:inherit;font-size:.74rem;font-weight:500;transition:all .15s}.lab-chip:hover{background:var(--surface-hover);color:var(--text-primary);border-color:#ff7b0059}.lab-chip.active{border-color:var(--primary-color);color:var(--primary-color);background:#ff7b0029;font-weight:700;box-shadow:0 0 12px #ff7b0040}.row-action-btn.wa-btn{color:#25d366;background:#25d3661f;border:1px solid #25d3664d;font-weight:600}.row-action-btn.wa-btn:hover{color:#000;background:#25d366;box-shadow:0 0 8px #25d36666}.lab-tabs-nav{white-space:nowrap;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;margin-top:1rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.lab-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;align-items:center;gap:6px;padding:5px 11px;font-family:inherit;font-size:.73rem;font-weight:500;transition:all .15s;display:flex}.lab-tab-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:#ff7b004d}.lab-tab-btn.active{border-color:var(--primary-color);color:var(--primary-color);background:#ff7b0026;font-weight:700;box-shadow:0 0 10px #ff7b0033}.lab-fundamentals-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:1rem;display:grid}.lab-card-fundamental{box-sizing:border-box;background:#0e1017;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;width:100%;max-width:100%;padding:1rem;display:flex;position:relative;overflow-x:hidden}.lab-card-span-2{grid-column:1/-1}.lab-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.lab-card-title{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.lab-accent-val{color:var(--primary-color);font-size:.75rem;font-weight:600}.lab-card-footer{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:1rem;padding-top:.75rem;font-size:.72rem;display:flex}.lab-donut-container{justify-content:center;align-items:center;height:140px;margin:.5rem 0;display:flex;position:relative}.lab-donut-svg{width:140px;height:140px;transform:rotate(-90deg)}.donut-bg{fill:none;stroke:#ffffff0d;stroke-width:12px}.donut-segment{fill:none;stroke-width:12px;transition:all .6s}.donut-segment.utility{stroke:var(--success-color);filter:drop-shadow(0 0 6px #10b98180)}.donut-segment.cost{stroke:var(--primary-color);filter:drop-shadow(0 0 6px #ff7b0066)}.donut-center-info{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.center-lbl{color:var(--text-secondary);text-transform:uppercase;font-size:.65rem;font-weight:600}.center-val{color:var(--text-primary);font-size:.95rem;font-weight:700}.lab-breakdown-list{flex-direction:column;gap:6px;margin-top:.5rem;display:flex}.breakdown-item{background:#ffffff05;border-radius:4px;align-items:center;padding:4px 6px;font-size:.72rem;display:flex}.breakdown-item .dot{border-radius:2px;width:7px;height:7px;margin-right:8px}.breakdown-item .dot.utility{background:var(--success-color)}.breakdown-item .dot.conexcol{background:var(--primary-color)}.breakdown-item .dot.domains{background:var(--accent-cyan)}.breakdown-item .item-lbl{color:var(--text-secondary)}.breakdown-item .item-val{color:var(--text-primary);margin-left:auto;font-weight:600}.lab-node-meters{flex-direction:column;gap:10px;display:flex}.meter-block{flex-direction:column;gap:4px;display:flex}.meter-header{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;display:flex}.meter-header strong{color:var(--text-primary)}.meter-track{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.meter-fill{border-radius:3px;height:100%;transition:width .5s}.meter-fill.conexcol{background:linear-gradient(90deg,#ff7b00,#ff9533);box-shadow:0 0 8px #ff7b0066}.meter-fill.porkbun{background:linear-gradient(90deg,#00f0ff,#38bdf8);box-shadow:0 0 8px #00f0ff66}.meter-fill.godaddy{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 8px #10b98166}.meter-fill.hostgator{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.lab-infra-badge{border-radius:var(--radius-sm);color:var(--accent-cyan);background:#00f0ff0f;border:1px solid #00f0ff33;align-items:center;gap:6px;margin-top:1rem;padding:8px 10px;font-size:.72rem;display:flex}.lab-pareto-bars{flex-direction:column;gap:8px;display:flex}.pareto-row{flex-direction:column;gap:3px;display:flex}.pareto-client-info{align-items:center;gap:6px;font-size:.72rem;display:flex}.pareto-rank{color:var(--primary-color);font-size:.65rem;font-weight:700}.pareto-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:600;overflow:hidden}.pareto-domain{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.68rem;overflow:hidden}.pareto-bar-row{align-items:center;gap:8px;display:flex}.pareto-track{background:#ffffff0d;border-radius:2px;flex:1;height:5px;overflow:hidden}.pareto-fill{background:linear-gradient(90deg,#ff7b00,#f50);border-radius:2px;height:100%;box-shadow:0 0 6px #ff7b004d}.pareto-amount{color:var(--text-secondary);text-align:right;min-width:75px;font-size:.72rem;font-weight:700}.lab-segmented-bar{background:#ffffff0d;border-radius:4px;gap:2px;height:8px;margin:.5rem 0 1rem;display:flex;overflow:hidden}.segment{height:100%;transition:all .3s}.segment.paid{background:var(--success-color);box-shadow:0 0 8px #10b98166}.segment.critical{background:var(--danger-color);box-shadow:0 0 8px #ef444466}.segment.soon{background:var(--warning-color);box-shadow:0 0 8px #f59e0b66}.segment.future{background:#fff3}.lab-risk-legend{flex-direction:column;gap:6px;display:flex}.risk-item{background:#ffffff05;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:.72rem;display:flex}.risk-lbl{color:var(--text-secondary)}.risk-item strong{color:var(--text-primary);margin-left:auto}.lab-urgent-quick-list{border-top:1px dashed #ffffff14;margin-top:10px;padding-top:8px}.urgent-tag{color:var(--danger-color);letter-spacing:.05em;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700}.urgent-client-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:.72rem;display:flex}.urgent-left{align-items:center;gap:4px;display:flex}.urgent-name{color:var(--text-primary);font-weight:600}.urgent-days{color:var(--danger-color);font-weight:700}.urgent-wa-btn{color:#25d366;background:#25d36626;border:1px solid #25d36659;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:.68rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.urgent-wa-btn:hover{color:#000;background:#25d366;box-shadow:0 0 8px #25d36666}@media (width<=960px){.lab-fundamentals-grid{grid-template-columns:1fr}}