:root,[data-theme=dark]{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f11f;--accent:#6366f1;--bg:#0f0f1a;--bg-card:#1a1a2e;--bg-input:#252538;--bg-header:#1e1e35;--border:#2e2e44;--card-border:#3d3d5c;--border-focus:#6366f1;--text:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--error:#ef4444;--success:#22c55e;--warning:#f59e0b;--shadow:0 25px 50px -12px #00000080;--radius:12px;--radius-sm:8px;--sidebar-bg:#12121e;--stat-bg:#ffffff0a;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--primary:#f43f5e;--primary-hover:#e11d48;--primary-light:#f43f5e1a;--accent:#f43f5e;--bg:linear-gradient(170deg, #fef2f2 0%, #fdf4ff 50%, #ecfdf5 100%);--bg-card:#fff;--bg-input:#f8fafc;--bg-header:#eef2f6;--border:#e2e8f0;--card-border:#d0d5dd;--border-focus:#f43f5e;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--shadow:0 25px 50px -12px #f43f5e1f, 0 4px 12px -4px #0000000d;--radius:12px;--radius-sm:8px;--sidebar-bg:#fff;--stat-bg:#f43f5e0a;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--card-border-hover:#f43f5e26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input,button,textarea,select{font-family:inherit}.login-page{background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);width:100%;max-width:420px;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:20px;padding:44px 40px}.login-header{text-align:center;margin-bottom:36px}.login-logo{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.login-header h1{color:#fff;letter-spacing:-.5px;font-size:24px;font-weight:700}.login-header p{color:var(--text-secondary);margin-top:6px;font-size:14px}.login-divider{background:var(--border);height:1px;margin:24px 0}.login-footer{text-align:center;margin-top:24px}.login-footer p{color:var(--text-muted);font-size:13px}.login-footer span{color:var(--primary);cursor:pointer}.login-footer span:hover{text-decoration:underline}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-wrapper{position:relative}.input-icon-left{color:var(--text-muted);pointer-events:none;font-size:18px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form-input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:13px 14px 13px 44px;font-size:15px;transition:all .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.form-input.error{border-color:var(--error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef444426}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;font-size:18px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary)}.field-error{color:var(--error);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.form-options{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.forgot-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.forgot-link:hover{text-decoration:underline}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.spinner-dark{border-color:#0000001a;border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.full-page-loader{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.full-page-loader .spinner{border-width:3px;width:40px;height:40px}.toast-success{color:#22c55e!important;background:#1a3a2e!important;border:1px solid #22c55e!important}.toast-error{color:#ef4444!important;background:#3a1a1a!important;border:1px solid #ef4444!important}@media (width<=480px){.login-card{border-radius:16px;padding:32px 24px}.login-header h1{font-size:20px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=360px){.login-card{padding:24px 16px}}:root{--sidebar-width:260px;--sidebar-collapsed-width:64px;--header-height:64px}.app-layout{min-height:100vh;display:flex}.sidebar-desktop{width:var(--sidebar-width);flex-shrink:0;transition:width .25s}.sidebar-desktop--collapsed{width:var(--sidebar-collapsed-width)}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.page-content{flex:1;padding:4px 6px;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;font-family:Poppins,sans-serif;transition:width .25s;display:flex;position:fixed;top:0;left:0;overflow:visible}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:22px 20px 18px}.sidebar-logo{align-items:center;gap:12px;display:flex}.sidebar-logo-icon{object-fit:contain;width:40px;height:auto;box-shadow:0 2px 8px var(--primary-light);border-radius:6px;flex-shrink:0}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-title{color:var(--text);letter-spacing:-.3px;font-size:18px;font-weight:800;line-height:1.2}.sidebar-logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:600}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.sidebar-nav-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin:16px 0 10px;padding:0 14px;font-size:10px;font-weight:700}.sidebar-nav-label:first-child{margin-top:4px}.sidebar-item{color:var(--text-secondary);border-bottom:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:1px;padding:11px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-item:hover{background:var(--primary-light);color:var(--primary);padding-left:18px;text-decoration:none}.sidebar-item--active{background:var(--primary-light);color:var(--primary);border-bottom-color:var(--primary)}.sidebar-item--active:before{content:"";background:linear-gradient(180deg, var(--primary), #a855f7);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-item--active:hover{background:var(--primary-light);color:var(--primary);padding-left:14px}.sidebar-item-icon{width:22px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.sidebar-item--active .sidebar-item-icon{color:var(--primary)}.sidebar-item:last-child{border-bottom:none}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:18px 20px}.sidebar-user{align-items:center;gap:10px;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--primary), #a855f7);color:#fff;width:36px;height:36px;box-shadow:0 2px 8px var(--primary-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);text-transform:capitalize;letter-spacing:.5px;font-size:10px}.sidebar-toggle{border:1.5px solid var(--border);background:var(--sidebar-bg);color:var(--text-muted);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:42px;right:-14px}.sidebar-toggle:hover{color:var(--text);border-color:var(--text-secondary);background:var(--bg-card)}.sidebar--collapsed .sidebar-header{justify-content:center;align-items:center;gap:6px;padding:18px 10px;display:flex}.sidebar--collapsed .sidebar-logo{justify-content:center}.sidebar--collapsed .sidebar-logo-text,.sidebar--collapsed .sidebar-nav-label,.sidebar--collapsed .sidebar-item-label,.sidebar--collapsed .sidebar-user-info{display:none}.sidebar--collapsed .sidebar-nav{padding:8px 6px}.sidebar--collapsed .sidebar-item{justify-content:center;padding:10px 0}.sidebar--collapsed .sidebar-item:hover{padding-left:0}.sidebar--collapsed .sidebar-item-icon{width:auto;font-size:18px}.sidebar--collapsed .sidebar-footer{justify-content:center;padding:12px 10px;display:flex}.sidebar--collapsed .sidebar-user{justify-content:center}.sidebar-overlay{z-index:200;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.mobile-sidebar{width:var(--sidebar-width);z-index:201;height:100vh;animation:.25s slideInLeft;position:fixed;top:0;left:0}.mobile-sidebar .sidebar{border-right:none}.mobile-sidebar-close{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:-48px}.mobile-sidebar-close:hover{background:var(--bg-input);color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.header{height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;transition:background .3s;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.header-hamburger{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:none}.header-hamburger:hover{background:var(--bg-input);color:var(--text);transform:scale(1.05)}.theme-toggle{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.theme-toggle:hover{color:var(--text);border-color:var(--primary);background:var(--bg-card);transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a}.header-search{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;width:280px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex;position:relative}.header-search svg{color:var(--text-muted);flex-shrink:0}.header-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.header-search input::placeholder{color:var(--text-muted)}.header-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.header-search:focus-within svg{color:var(--primary)}.header-search-suggestions{background:var(--bg-card);border:1px solid var(--border);z-index:1000;border-radius:10px;max-height:280px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px -8px #00000040}.header-search-suggestion{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.header-search-suggestion:hover{background:var(--primary-light)}.header-search-suggestion-left{flex-direction:column;gap:2px;display:flex}.header-search-suggestion-name{color:var(--text);font-size:13px;font-weight:600}.header-search-suggestion-id{color:var(--text-muted);font-size:11px}.header-search-suggestion-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.header-search-suggestion-mobile{color:var(--text-secondary);align-items:center;gap:3px;font-size:11px;display:flex}.header-search-suggestion-city{color:var(--text-muted);font-size:11px}[data-theme=light] .header-search-suggestions{border-color:#f43f5e26;box-shadow:0 12px 40px -8px #f43f5e1a,0 4px 12px #0000000f}[data-theme=light] .header-search-suggestion:hover{background:#f43f5e14}.header-right{align-items:center;gap:12px;display:flex;position:relative}.header-user{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;transition:all .2s;display:flex}.header-user:hover{background:var(--bg-input);transform:translateY(-1px)}.header-avatar{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;transition:box-shadow .2s;display:flex;box-shadow:0 2px 8px #6366f133}.header-user:hover .header-avatar{box-shadow:0 4px 16px #6366f14d}.header-user-name{color:var(--text);font-size:14px;font-weight:600}.header-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:60;border-radius:12px;min-width:190px;padding:6px;animation:.15s fadeIn,.2s slideInUp;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #00000026,0 4px 12px #0000000d}.header-dropdown-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.header-dropdown-item:hover{background:var(--bg-input);color:var(--text);transform:translate(2px)}.header-dropdown-divider{background:var(--border);height:1px;margin:4px 8px}.dashboard{max-width:1200px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dashboard-title{color:var(--text);letter-spacing:-.5px;align-items:center;gap:8px;margin:0;font-size:26px;font-weight:700;display:flex}.welcome-wave{transform-origin:70% 70%;font-size:28px;animation:2s ease-in-out infinite waveAnim;display:inline-flex}@keyframes waveAnim{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(12deg)}}.dashboard-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.stats-cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card-bento{isolation:isolate;background-clip:padding-box;border:1.5px solid #0000;border-radius:20px;justify-content:space-between;align-items:flex-start;padding:24px;transition:all .45s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.stat-card-bento:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff26,#0000 50%);border-radius:20px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stat-card-bento:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.stat-card-bento>*{z-index:1;position:relative}.stat-card-bento:first-child{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 30%,#111827 100%);border-color:#6366f14d}.stat-card-bento:first-child .bento-value{color:#a5b4fc}.stat-card-bento:first-child:after{background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:280px;height:280px;top:-100px;right:-80px}.stat-card-bento:nth-child(2){background:linear-gradient(135deg,#1e1b4b 0%,#312e81 30%,#111827 100%);border-color:#6366f14d}.stat-card-bento:nth-child(2) .bento-value{color:#a5b4fc}.stat-card-bento:nth-child(2):after{background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:240px;height:240px;bottom:-80px;right:-50px}.stat-card-bento:nth-child(3){background:linear-gradient(135deg,#1e1b4b 0%,#312e81 30%,#111827 100%);border-color:#6366f14d}.stat-card-bento:nth-child(3) .bento-value{color:#a5b4fc}.stat-card-bento:nth-child(3):after{background:radial-gradient(circle,#6366f133 0%,#0000 70%);width:220px;height:220px;top:-60px;left:-50px}.stat-card-bento:nth-child(4){background:linear-gradient(135deg,#1e1b4b 0%,#312e81 30%,#111827 100%);border-color:#6366f14d}.stat-card-bento:nth-child(4) .bento-value{color:#a5b4fc}.stat-card-bento:nth-child(4):after{background:radial-gradient(circle,#6366f133 0%,#0000 70%);width:260px;height:260px;bottom:-90px;left:-60px}.stat-card-bento:hover{transform:translateY(-8px)scale(1.02)}.stat-card-bento:first-child:hover,.stat-card-bento:nth-child(2):hover,.stat-card-bento:nth-child(3):hover,.stat-card-bento:nth-child(4):hover{border-color:#6366f180;box-shadow:0 20px 60px -8px #6366f159}.bento-icon-wrap{border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;transition:all .35s;display:flex;box-shadow:0 4px 12px #0003}.stat-card-bento:first-child .bento-icon-wrap,.stat-card-bento:nth-child(2) .bento-icon-wrap,.stat-card-bento:nth-child(3) .bento-icon-wrap,.stat-card-bento:nth-child(4) .bento-icon-wrap{background:linear-gradient(135deg,#6366f159,#6366f11a)}.stat-card-bento:hover .bento-icon-wrap{transform:scale(1.12)rotate(-3deg);box-shadow:0 6px 20px #0000004d}.bento-value{letter-spacing:-1.5px;margin-bottom:6px;font-size:36px;font-weight:900;line-height:1}.bento-label{color:#ffffffd9;font-size:15px;font-weight:700}.bento-sub{color:#ffffffbf;margin-top:3px;font-size:13px;font-weight:600}.bento-extra{color:#fffc;letter-spacing:.2px;border-top:1px solid #ffffff1f;align-items:center;gap:6px;margin-top:14px;padding-top:12px;font-size:13px;font-weight:700;display:flex}.bento-extra:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.stat-card-bento:first-child .bento-extra:before,.stat-card-bento:nth-child(2) .bento-extra:before,.stat-card-bento:nth-child(3) .bento-extra:before,.stat-card-bento:nth-child(4) .bento-extra:before{background:#6366f1}.bento-main{flex:1;min-width:0}.bento-side{text-align:right;border-left:1px solid #ffffff1f;flex-shrink:0;min-width:60px;margin-left:16px;padding-top:4px;padding-left:16px}.bento-side-value{letter-spacing:-.5px;overflow-wrap:break-word;word-break:break-word;margin-bottom:4px;font-size:22px;font-weight:900;line-height:1.2}.bento-side-label{text-transform:uppercase;letter-spacing:.5px;opacity:.85;overflow-wrap:break-word;word-break:break-word;font-size:11px;font-weight:700;line-height:1.3}.stat-card-bento:first-child .bento-side-value,.stat-card-bento:nth-child(2) .bento-side-value,.stat-card-bento:nth-child(3) .bento-side-value,.stat-card-bento:nth-child(4) .bento-side-value{color:#fff}.stat-card-bento:first-child .bento-side-label,.stat-card-bento:nth-child(2) .bento-side-label,.stat-card-bento:nth-child(3) .bento-side-label,.stat-card-bento:nth-child(4) .bento-side-label{color:#ffffffd9}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.d-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}.d-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.d-card-title{color:var(--text);margin:0;font-size:16px;font-weight:600}.d-card-action{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:500}.d-card-action:hover{text-decoration:underline}.activity-list{flex-direction:column;gap:0;display:flex}.activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.activity-content{flex:1;min-width:0}.activity-action{color:var(--text);font-size:14px;font-weight:500}.activity-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.overview-list{flex-direction:column;gap:0;display:flex}.overview-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.overview-item:last-child{border-bottom:none}.overview-label{color:var(--text-secondary);font-size:14px}.overview-value{font-size:16px;font-weight:700}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.d-card--wide{grid-column:1}.d-card-column{flex-direction:column;grid-column:2;gap:20px;display:flex}.d-card--half{flex:1}.pending-orders-list{flex-direction:column;gap:6px;padding:20px 0 28px;display:flex}.pending-order-item{background:var(--stat-bg);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;animation:.35s both fadeInUp;display:flex}.pending-order-item:hover{border-color:var(--border);background:var(--bg-card);background:var(--primary-light);box-shadow:0 2px 8px #0000000a}.pending-order-left{align-items:center;gap:12px;min-width:0;display:flex}.pending-order-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pending-order-client{color:var(--text);white-space:nowrap;font-size:14px;font-weight:600}.pending-order-items{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pending-order-id{color:var(--primary);background:var(--primary-light);white-space:nowrap;letter-spacing:.3px;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.pending-order-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.pending-order-amount{color:var(--text);white-space:nowrap;font-size:15px;font-weight:800}.pending-order-status{white-space:nowrap;letter-spacing:.2px;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:600}.trend-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.trend-filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:500;transition:all .2s}.trend-filter-btn:hover{border-color:var(--primary);color:var(--text)}.trend-filter-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.chart-container{width:100%}.chart-summary{text-align:center;color:var(--text);padding:12px 0 4px;font-size:14px;font-weight:600}.chart-insights{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;padding:20px 0 0;display:grid}.chart-recent{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.chart-recent-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chart-recent-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.chart-recent-view{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;font-size:12px;font-weight:600;transition:gap .2s;display:flex}.chart-recent-view:hover{gap:6px}.chart-recent-list{flex-direction:column;gap:4px;display:flex}.chart-recent-item{border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;animation:.35s both fadeInUp;display:flex}.chart-recent-item:hover{background:var(--stat-bg)}.chart-recent-id{color:var(--primary);background:var(--primary-light);white-space:nowrap;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700}.chart-recent-name{color:var(--text);flex:1;font-size:13px;font-weight:600}.chart-recent-status{white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.chart-insight-item{background:var(--stat-bg);border:1px solid var(--border);border-left:4px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:24px 26px;transition:all .2s;animation:.4s both fadeInUp;display:flex;box-shadow:0 2px 8px #0000000f}.chart-insight-item:hover{border-color:var(--primary);border-left-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.chart-insight-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.chart-insight-item div{flex-direction:column;gap:4px;display:flex}.chart-insight-label{color:var(--text-secondary);letter-spacing:.3px;font-size:13px;font-weight:500}.chart-insight-value{color:var(--text);font-size:24px;font-weight:800;line-height:1.2}@media (width<=500px){.chart-insights{grid-template-columns:1fr}}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:10px 14px}.chart-tooltip-label{color:var(--text-secondary);margin-bottom:2px;font-size:12px}.chart-tooltip-value{color:var(--text);font-size:14px;font-weight:700}.modal-content--stat{border-radius:20px;width:calc(100% - 32px);max-width:960px;overflow:hidden}.stat-modal-header{border-bottom:1px solid var(--border);padding:32px 36px 24px;position:relative}.stat-modal-header-content{align-items:center;gap:20px;display:flex}.stat-modal-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-modal-header-text{flex:1}.stat-modal-title{color:var(--text);letter-spacing:-.5px;margin:0 0 6px;font-size:24px;font-weight:700}.stat-modal-count{color:var(--text-secondary);font-size:15px;font-weight:500}.stat-modal-header-sub{color:var(--text-muted);margin-top:14px;padding-left:76px;font-size:13px;font-weight:500}.stat-modal-body{flex-direction:column;max-height:70vh;padding:24px 0 0;display:flex}.stat-modal-chips{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-bottom:0;padding:0 36px 20px;display:flex}.stat-modal-chip{color:var(--text);border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.stat-modal-chip strong{font-weight:800}.stat-modal-table-wrap{padding:0;overflow-y:auto}.stat-modal-table{border-collapse:collapse;width:100%;min-width:500px}.stat-modal-table thead{background:var(--bg-card);z-index:1;position:sticky;top:0}.stat-modal-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);background:var(--bg-card);padding:14px 20px;font-size:11px;font-weight:700}.stat-modal-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 20px;font-size:13px}.stat-modal-table tbody tr{transition:all .2s}.stat-modal-table tbody tr:hover{background:#6366f10a}.stat-modal-table tbody tr:last-child td{border-bottom:none}.stat-modal-client{align-items:center;gap:14px;display:flex}.stat-modal-avatar-sm{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.stat-modal-client-name{color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.stat-modal-client-id{color:var(--text-muted);margin-top:2px;font-size:11px}.stat-modal-type{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background:#6366f11a;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.stat-modal-phone{color:var(--text-secondary);letter-spacing:.3px;font-size:14px;font-weight:500}.stat-modal-status{white-space:nowrap;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.stat-modal-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.stat-modal-empty p{font-size:15px;font-weight:600}@media (width<=1024px){.modal-content--stat{max-width:95vw}}@media (width<=900px){.stat-modal-header{padding:24px 24px 20px}.stat-modal-chips{padding:0 24px 16px}.stat-modal-table th,.stat-modal-table td{padding:12px 14px}}@media (width<=640px){.modal-content--stat{border-radius:16px;max-width:100vw;margin:0 8px}.stat-modal-header{padding:20px 20px 16px}.stat-modal-header-content{gap:14px}.stat-modal-icon{width:44px;height:44px;font-size:20px}.stat-modal-title{font-size:20px}.stat-modal-header-sub{padding-left:58px}.stat-modal-body{max-height:65vh;padding:16px 0 0}.stat-modal-chips{gap:6px;padding:0 16px 14px}.stat-modal-chip{padding:4px 12px;font-size:12px}.stat-modal-table th,.stat-modal-table td{padding:10px 12px;font-size:12px}.stat-modal-table{min-width:400px}.stat-modal-avatar-sm{width:32px;height:32px;font-size:13px}.stat-modal-client-name{font-size:12px}}.client-dist-container{padding:8px 0}.client-dist-kpis{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--card-border);border-left:3px solid;border-radius:10px;padding:12px 14px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.kpi-card:after{content:"";pointer-events:none;opacity:.06;border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001f}.kpi-card-top{justify-content:space-between;align-items:center;gap:6px;min-width:0;margin-bottom:8px;display:flex}.kpi-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;overflow-wrap:break-word;word-break:break-word;white-space:normal;font-size:11px;font-weight:600;line-height:1.3}.kpi-card-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.kpi-bar-track{background:var(--bg-input);border-radius:4px;height:5px;margin-bottom:5px;overflow:hidden}.kpi-bar-fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px}.kpi-card-pct{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.kpi-card-pct:after{content:"";background:var(--card-border);opacity:.3;flex:1;height:1px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.leads-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:13px}.leads-table thead th{text-align:left;color:var(--text);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 10px;font-size:11px;font-weight:600}.leads-table tbody td{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;padding:12px 10px}.leads-table tbody tr:hover{background:#ffffff05}.leads-table tbody tr:last-child td{border-bottom:none}.td-id{color:var(--text);font-weight:600}.td-name{font-weight:500}.btn-view-all{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-all:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.status-select{border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;border-radius:5px;outline:none;min-width:120px;padding:5px 8px;font-size:13px;font-weight:600;transition:all .15s}.status-select option{color:var(--text);background:var(--bg-card)}.status-select:focus{border-color:var(--primary)}.status-interested{color:var(--text);background:#6366f126;border-color:#6366f14d}.status-follow-up{color:var(--text);background:#f59e0b26;border-color:#f59e0b4d}.status-quotation-sent{color:var(--text);background:#3b82f626;border-color:#3b82f64d}.status-site-visit-scheduled{color:var(--text);background:#8b5cf626;border-color:#8b5cf64d}.status-workshop-visit-scheduled{color:var(--text);background:#ec489926;border-color:#ec48994d}.status-no-answer{color:var(--text);background:#64748b26;border-color:#64748b4d}.status-not-interested,.status-invalid{color:var(--text);background:#ef444426;border-color:#ef44444d}.status-completed{color:var(--text);background:#22c55e26;border-color:#22c55e4d}.status-cancelled{color:var(--text);background:#ef444426;border-color:#ef44444d}.status-active{color:var(--text);background:#22c55e26;border-color:#22c55e4d}.status-future-follow-up{color:var(--text);background:#14b8a626;border-color:#14b8a64d}.status-out-of-the-range{color:var(--text);background:#a855f726;border-color:#a855f74d}.reminders-section{margin-bottom:24px}.reminders-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.reminders-header-left{align-items:center;gap:14px;display:flex}.reminders-icon-wrapper{width:42px;height:42px;color:var(--error);background:#ef44441f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.reminders-header-text{flex-direction:column;gap:2px;display:flex}.reminders-title-row{align-items:center;gap:10px;display:flex}.reminders-title-row .d-card-title{margin:0}.reminders-badge{background:var(--error);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.reminders-subtitle{color:var(--text-secondary);font-size:13px}.reminders-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.reminders-collapse-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.reminders-collapse-btn:hover{background:var(--bg-input);color:var(--text)}.reminders-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.leads-cards-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;display:grid}@media (width<=1200px){.leads-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.leads-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.leads-cards-grid{grid-template-columns:1fr}}.reminder-card{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:10px;padding:18px;transition:all .2s;display:flex}.reminder-card:hover{border-color:#6366f14d;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:16px;width:100%;max-width:480px;max-height:90vh;animation:.25s modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0000004d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{background:var(--bg-input);width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--border);color:var(--text);transform:rotate(90deg)}.modal-header{z-index:2;background:var(--bg-card);border-bottom:1px solid #0000;align-items:center;gap:16px;padding:28px 28px 20px;display:flex;position:sticky;top:0}.modal-header .modal-close{position:absolute;top:16px;right:16px}.modal-content.has-sticky-header .modal-header{border-bottom-color:var(--border)}.modal-avatar{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.modal-title{color:var(--text);margin:0 0 6px;font-size:20px;font-weight:700}.modal-badge{color:var(--text-secondary);background:var(--bg-input);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-right:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.modal-badge--premium{color:#f59e0b;background:#f59e0b1f}.modal-id{color:#6366f1;font-size:13px;font-weight:600}.modal-body{padding:0 28px 28px}.modal-info-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.modal-info-item{background:var(--bg-input);color:var(--primary);border-radius:10px;align-items:flex-start;gap:10px;padding:14px;display:flex}.modal-info-item div{flex-direction:column;gap:2px;display:flex}.modal-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.modal-info-value{color:var(--text);font-size:13px;font-weight:600;line-height:1.3}.modal-status-row{background:var(--bg-input);border-radius:10px;justify-content:space-between;align-items:center;padding:16px 14px;display:flex}.modal-status-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.modal-status-row .status-select{min-width:160px}.reminder-card-top{justify-content:space-between;align-items:center;display:flex}.reminder-id{color:var(--text);font-size:14px;font-weight:700}.reminder-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#64748b26;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.reminder-category--premium{color:var(--warning);background:#f59e0b26}.reminder-name{color:var(--text);margin:0;font-size:16px;font-weight:600}.reminder-details{flex-direction:column;gap:4px;display:flex}.reminder-detail{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.reminder-detail svg{flex-shrink:0}.reminder-user{color:var(--text-muted);margin-top:2px;font-size:12px}.reminder-tag{color:var(--text);background:var(--primary-light);border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.3;display:inline-block}.reminder-card-bottom{margin-top:auto;padding-top:4px}.reminder-card-bottom .status-select{width:100%}@media (width<=1200px){.reminders-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.d-card--wide{grid-column:1}.d-card-column{grid-column:1;grid-template-columns:1fr 1fr;gap:20px;display:grid}}@media (width>=1201px) and (width<=1440px){.client-dist-kpis{grid-template-columns:1fr}}@media (width<=1366px) and (width>=1025px){.stat-card-bento{padding:18px}.bento-side-value{font-size:18px}.bento-side{min-width:50px;margin-left:10px;padding-left:10px}.bento-value{font-size:28px}.bento-icon-wrap{border-radius:12px;width:40px;height:40px;margin-bottom:12px}.bento-extra{margin-top:10px;padding-top:8px;font-size:12px}}@media (width<=1024px){.stats-cards,.reminders-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar-desktop{display:none}.header-hamburger{display:flex}.header-search,.header-user-name{display:none}.page-content{padding:4px 6px}.stats-cards{grid-template-columns:1fr}.dashboard-title{font-size:22px}.stat-value{font-size:24px}.d-card-column,.reminders-grid{grid-template-columns:1fr}.reminders-header{flex-direction:column;align-items:flex-start}.reminders-header-right{justify-content:flex-end;width:100%}}.machines-page{max-width:1200px}.machines-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.machines-title{color:var(--text);margin:0 0 4px;font-size:26px;font-weight:700}.machines-subtitle{color:var(--text-muted);margin:0;font-size:14px}.machines-add-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #6366f14d}.machines-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.machines-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.machines-search{background:var(--bg-card);border:1px solid var(--border);max-width:400px;color:var(--text-muted);border-radius:10px;flex:1;align-items:center;gap:10px;padding:10px 16px;transition:border-color .15s;display:flex}.machines-search:focus-within{border-color:var(--primary)}.machines-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:14px}.machines-search input::placeholder{color:var(--text-muted)}.machines-count{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:500}.machines-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.machine-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex}.machine-card:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.machine-card--inactive{border-color:#ef444433}.machine-card-top{justify-content:space-between;align-items:flex-start;display:flex}.machine-card-header{align-items:center;gap:12px;display:flex}.machine-icon{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.machine-name{color:var(--text);margin:0;font-size:15px;font-weight:600}.machine-model{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.machine-card-actions{gap:4px;display:flex}.machine-action-btn{border:1px solid var(--border);background:var(--bg-input);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.machine-action-btn:hover{color:var(--text);border-color:var(--primary);background:var(--bg-card)}.machine-action-btn--danger:hover{color:#ef4444;border-color:#ef4444}.machine-status-row{justify-content:space-between;align-items:center;display:flex}.machine-status{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.machine-status.active{color:#22c55e;background:#22c55e1f}.machine-status.inactive{color:#ef4444;background:#ef44441f}.machine-id{color:var(--primary);font-size:12px;font-weight:600}.machine-details{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;display:flex}.machine-detail{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.machine-detail svg{opacity:.6;flex-shrink:0}.machines-empty{color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.machines-modal{max-width:520px}.machines-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.machines-form-group{flex-direction:column;gap:6px;display:flex}.machines-form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.machines-form-group input,.machines-form-group select{border:1px solid var(--border);color:var(--text);background:var(--bg-input);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.machines-form-group input:focus,.machines-form-group select:focus{border-color:var(--primary);background:var(--bg-card)}.machines-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.machines-form-cancel{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.machines-form-cancel:hover{background:var(--bg-input);color:var(--text)}.machines-form-submit{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.machines-form-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}@media (width<=1024px){.machines-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.machines-grid{grid-template-columns:1fr}.machines-header{flex-direction:column;align-items:flex-start;gap:16px}.machines-toolbar{flex-direction:column;align-items:stretch}.machines-search{max-width:none}.machines-form-grid{grid-template-columns:1fr}}.dash-machines-wrap{background:var(--bg-card);border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));opacity:0;border-radius:16px;padding:24px;animation:.6s .45s forwards fadeInUp}.dash-machines-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.dash-machines-header-left{align-items:center;gap:14px;display:flex}.dash-machines-icon{background:linear-gradient(135deg, var(--primary), #a855f7);color:#fff;width:44px;height:44px;box-shadow:0 4px 12px var(--primary-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-machines-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.dash-machines-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:12px}.dash-machines-header-right{align-items:center;gap:16px;display:flex}.dash-machines-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.dash-machines-stat-value{color:var(--text);font-size:18px;font-weight:800;line-height:1}.dash-machines-stat-value--active{color:#22c55e}.dash-machines-stat-value--inactive{color:#ef4444}.dash-machines-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.dash-machines-add-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;margin-left:4px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #6366f14d}.dash-machines-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.dash-machines-toolbar{margin-bottom:16px}.dash-machines-search{background:var(--bg-input);border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));max-width:320px;color:var(--text-muted);border-radius:10px;align-items:center;gap:10px;padding:9px 14px;transition:border-color .15s;display:flex}.dash-machines-search:focus-within{border-color:var(--primary)}.dash-machines-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.dash-machines-search input::placeholder{color:var(--text-muted)}.dash-machines-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px;display:flex}.dash-machines-empty p{font-size:14px;font-weight:500}.dash-machines-list{flex-direction:column;gap:8px;display:flex}.dash-machine-item{background:var(--stat-bg);border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));opacity:0;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:.4s forwards fadeInUp;display:flex;position:relative;overflow:hidden}.dash-machine-item:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 4px 16px #6366f114}.dash-machine-item--inactive{opacity:.7;border-color:#ef4444}.dash-machine-item--inactive:hover{border-color:var(--border);opacity:.85}.dash-machine-status-bar{border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.dash-machine-status-bar[data-status=active]{background:linear-gradient(#22c55e,#16a34a)}.dash-machine-status-bar[data-status=inactive]{background:linear-gradient(#ef4444,#dc2626)}.dash-machine-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex}.dash-machine-icon-wrap[data-status=active]{color:var(--primary);background:linear-gradient(135deg,#6366f12e,#6366f10f)}.dash-machine-icon-wrap[data-status=inactive]{color:#ef4444;background:#ef44441a}.dash-machine-item:hover .dash-machine-icon-wrap{transform:scale(1.08)rotate(-4deg)}.dash-machine-info{flex:1;min-width:0}.dash-machine-name-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.dash-machine-name{color:var(--text);white-space:nowrap;font-size:14px;font-weight:600}.dash-machine-model{color:var(--text-muted);background:var(--bg-input);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.dash-machine-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-machine-tag{color:var(--text-secondary);background:var(--bg-input);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.dash-machine-service{flex-shrink:0}.dash-service-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.dash-service-badge--ok{color:#22c55e;background:#22c55e1a}.dash-service-badge--due-soon{color:#f59e0b;background:#f59e0b1a}.dash-service-badge--overdue{color:#ef4444;background:#ef44441a}.dash-machine-status-chip{border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:600}.dash-machine-status-chip[data-status=active]{color:#22c55e;background:#22c55e1f}.dash-machine-status-chip[data-status=inactive]{color:#ef4444;background:#ef44441f}.dash-machine-actions{flex-shrink:0;gap:4px;display:flex}.dash-machine-action{border:1px solid var(--border);background:var(--bg-input);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.dash-machine-action:hover{color:var(--text);border-color:var(--primary);background:var(--bg-card)}.dash-machine-action--danger:hover{color:#ef4444;border-color:#ef4444}@media (width<=900px){.dash-machine-item{flex-wrap:wrap}.dash-machine-service{order:3;width:100%}.dash-machine-status-chip{order:2}.dash-machines-header{flex-direction:column;align-items:flex-start}.dash-machines-header-right{justify-content:space-between;width:100%}}@media (width<=600px){.dash-machines-wrap{padding:16px}.dash-machine-item{gap:10px;padding:12px 14px}.dash-machine-name-row{flex-wrap:wrap}.dash-machines-search{max-width:none}}.clients-header-actions{gap:10px;display:flex}.clients-action-btn{border:1px solid var(--border);cursor:pointer;background:var(--bg-card);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.clients-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.clients-action-btn--csv{color:#22c55e;border-color:#22c55e}.clients-action-btn--csv:hover{background:#22c55e18}.clients-action-btn--pdf{color:#6366f1;border-color:#6366f1}.clients-action-btn--pdf:hover{background:#6366f118}.clients-action-btn--add{color:#fff;background:#6366f1;border-color:#6366f1}.clients-action-btn--add:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.clients-filter-select{border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;border-radius:8px;min-width:150px;padding:8px 12px;font-size:13px}.client-cat-badge{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.client-cat-badge--regular{color:#6366f1;background:#6366f118}.client-cat-badge--firm{color:#d97706;background:#d9770618}.clients-select-step{text-align:center;padding:40px 32px}.clients-select-title{color:var(--text);margin:0 0 6px;font-size:22px;font-weight:700}.clients-select-sub{color:var(--text-muted);margin:0 0 28px;font-size:14px}.clients-cat-cards{grid-template-columns:1fr 1fr;gap:16px;max-width:460px;margin:0 auto;display:grid}.clients-cat-card{border:2px solid var(--border);cursor:pointer;background:var(--bg-card);border-radius:14px;padding:28px 20px;transition:all .2s}.clients-cat-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 16px #6366f11a}.clients-cat-card h3{color:var(--text);margin:12px 0 4px;font-size:16px;font-weight:600}.clients-cat-card p{color:var(--text-muted);margin:0;font-size:12px}.clients-cat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:flex}.clients-cat-icon--regular{color:#6366f1;background:#6366f118}.clients-cat-icon--firm{color:#d97706;background:#d9770618}.clients-back-btn{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.clients-back-btn:hover{color:#6366f1;border-color:#6366f1}.clients-form-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.clients-form-avatar--regular{background:linear-gradient(135deg, var(--primary), #8b5cf6)}.clients-form-avatar--firm{background:linear-gradient(135deg,#f59e0b,#d97706)}.clients-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.clients-field{flex-direction:column;gap:4px;display:flex}.clients-field label{color:var(--text);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.clients-field input,.clients-field select,.clients-field textarea{border:1px solid var(--border);color:var(--text);background:var(--bg-input);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.clients-field textarea{resize:vertical;box-sizing:border-box;width:100%}.clients-field input:focus,.clients-field select:focus,.clients-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.clients-form-footer{justify-content:flex-end;gap:10px;padding:0 28px 24px;display:flex}.clients-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .15s}.clients-btn--cancel{background:var(--bg-input);color:var(--text-muted)}.clients-btn--cancel:hover{background:#e2e8f0}.clients-btn--submit{color:#fff;background:#6366f1}.clients-btn--submit:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.my-leads-table-wrapper.clients-table-wrapper{overflow:auto}.my-leads-table.clients-table{min-width:auto}.my-leads-table.clients-table thead th{padding:8px 2px;font-size:10px}.my-leads-table.clients-table tbody td{padding:8px 2px}.my-leads-table.clients-table thead th:nth-child(2),.my-leads-table.clients-table tbody td:nth-child(2){padding-left:0}.clients-modal{max-width:560px}.my-leads-table-wrapper.leads-table-wrapper{overflow:auto}.my-leads-table.leads-table{min-width:auto}.my-leads-table.leads-table thead th{padding:8px 6px;font-size:12px;font-weight:600}.my-leads-table.leads-table tbody td{padding:8px 6px}.leads-assignee-select{border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;border-radius:5px;outline:none;min-width:100px;padding:4px 6px;font-family:inherit;font-size:13px}.leads-assignee-select:focus{border-color:var(--primary)}.my-leads-page{width:100%;max-width:1600px}.my-leads-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.my-leads-title{color:var(--text);margin:0 0 4px;font-size:26px;font-weight:700}.my-leads-subtitle{color:var(--text-secondary);margin:0;font-size:15px}.my-leads-add-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #6366f14d}.my-leads-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.my-leads-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.my-leads-search{background:var(--bg-card);border:1px solid var(--border);min-width:240px;max-width:360px;color:var(--text-muted);border-radius:10px;flex:1;align-items:center;gap:10px;padding:9px 14px;transition:border-color .15s;display:flex}.my-leads-search:focus-within{border-color:var(--primary)}.my-leads-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:14px}.my-leads-search input::placeholder{color:var(--text-muted)}.my-leads-toolbar select{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:10px;outline:none;min-width:160px;padding:9px 14px;font-size:14px;font-weight:500;transition:border-color .15s}.my-leads-toolbar select:focus{border-color:var(--primary)}.my-leads-count{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:500}.my-leads-clear-search{background:var(--primary-light);color:var(--primary);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.my-leads-clear-search:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(-2px);box-shadow:0 2px 8px #f43f5e33}[data-theme=dark] .my-leads-clear-search{border-color:var(--primary)}[data-theme=dark] .my-leads-clear-search:hover{box-shadow:0 2px 8px #6366f14d}.my-leads-table-wrapper{background:var(--bg-card);-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.my-leads-table-wrapper::-webkit-scrollbar{height:12px}.my-leads-table-wrapper::-webkit-scrollbar-track{background:var(--bg-input);border-radius:6px}.my-leads-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box content-box;border:2px solid #0000;border-radius:6px}.my-leads-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box content-box;border:2px solid #0000}.my-leads-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.my-leads-table.audit-table{table-layout:fixed;width:100%}.my-leads-table.consultation-table{width:100%}.approved-leads-table{min-width:auto}.approved-leads-table thead th,.approved-leads-table tbody td{padding:10px 6px}.designs-table{min-width:auto}.designs-table thead th,.designs-table tbody td{padding:10px 14px}.my-leads-table thead th{text-align:left;color:#334155;border:none;border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border);white-space:nowrap;background:var(--bg-header);z-index:1;text-transform:uppercase;letter-spacing:.5px;padding:12px 10px;font-size:13px;font-weight:700;position:sticky;top:0}.my-leads-table thead th:last-child{border-right:none}.my-leads-table tbody td{border:none;border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border);color:#1e293b;white-space:nowrap;letter-spacing:.2px;padding:12px 10px;font-size:14px;font-weight:500}.my-leads-table tbody td:last-child{border-right:none}.my-leads-table tbody tr:last-child td{border-bottom:none}.approve-select{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;outline:none;min-width:90px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:500}.approve-select:focus{border-color:var(--primary)}.my-leads-table tbody tr:hover{background:#6366f10a}.my-leads-type{color:#6366f1;background:#6366f11a;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.my-leads-notes{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-style:italic;overflow:hidden;color:var(--text-muted)!important}.orders-table{border-collapse:collapse;width:100%;min-width:auto}.orders-table thead th{white-space:nowrap;font-size:11px;padding:10px 6px!important}.orders-table tbody td{font-size:12px;padding:9px 6px!important}.orders-table .my-leads-notes{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-style:italic;overflow:hidden;color:var(--text-muted)!important}.my-leads-table-wrapper:has(.orders-table){overflow-x:hidden}.order-inline-select{cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") 100% no-repeat;border:none;border-radius:4px;outline:none;width:auto;min-width:0;padding:4px 16px 4px 0;font-family:inherit;font-size:12px;transition:background .15s}.order-inline-select:hover{background:var(--primary-light)}.order-inline-select:focus{background:var(--bg-input);box-shadow:0 0 0 2px var(--primary-light)}.order-status-inline{text-align:center;width:100%;min-width:0}.order-view-sections{flex-direction:column;gap:20px;display:flex}.order-view-section{border:1.5px solid var(--card-border);background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.order-view-section-header{background:var(--bg-input);border-bottom:1px solid var(--card-border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.order-view-section-body{grid-template-columns:1fr 1fr;gap:0;display:grid}.order-view-field{border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.view-lead-modal{overflow:hidden!important}.view-lead-modal .order-view-sections{gap:8px}.view-lead-modal .order-view-field{padding:6px 12px}.view-lead-modal .order-view-field-icon{width:24px;height:24px;font-size:12px}.view-lead-modal .order-view-field-value{font-size:14px}.view-lead-modal .modal-header{padding:16px 20px 12px}.view-lead-modal .modal-body{padding:0 20px 16px}.order-view-field:nth-child(2n){border-right:none}.order-view-field:nth-last-child(-n+2),.order-view-field:only-child,.order-view-field:last-child:nth-child(odd){border-bottom:none}.order-view-field-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.order-view-field-content{flex-direction:column;gap:2px;min-width:0;display:flex}.order-view-field-label{color:#000;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.order-view-field-value{color:var(--text);word-break:break-word;font-size:13px;font-weight:500}.order-view-badge{letter-spacing:.3px;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.order-view-header-status{letter-spacing:.3px;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}@media (width<=640px){.order-view-section-body{grid-template-columns:1fr}.order-view-field{border-right:none}.order-view-field:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.order-view-field:last-child{border-bottom:none!important}}.order-priority{white-space:nowrap;background:#64748b1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.order-design-status{color:#6366f1;white-space:nowrap;background:#6366f11a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.order-amount{font-size:11px;font-weight:700;color:var(--text)!important}.order-payment{color:#f59e0b;white-space:nowrap;background:#f59e0b1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.order-status-badge{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.orders-form-grid{grid-template-columns:repeat(4,1fr)!important;gap:20px!important}.orders-form-grid .my-leads-form-group input,.orders-form-grid .my-leads-form-group select{border-color:#cbd5e1}.orders-form-grid .my-leads-form-group select,.orders-form-grid .my-leads-form-group input{border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.orders-form-grid .my-leads-form-group input:focus,.orders-form-grid .my-leads-form-group select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.orders-form-grid .my-leads-form-group select{max-width:100%}.my-leads-actions{gap:4px;display:flex}.my-leads-action-btn{border:1px solid var(--card-border);width:auto;min-width:24px;height:24px;color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.my-leads-action-btn:hover{color:var(--text);border-color:var(--primary);background:var(--bg-card)}.my-leads-action-btn:active{transform:scale(.93)}.my-leads-action-btn--danger,.my-leads-action-btn--danger:hover{color:#ef4444}.my-leads-action-btn--danger:active{background:#fef2f2;transform:scale(.93)}.my-leads-action-btn--view,.my-leads-action-btn--view:hover{color:#6366f1}.my-leads-action-btn--view:active{background:#6366f118;transform:scale(.93)}.my-leads-action-btn--edit,.my-leads-action-btn--edit:hover{color:#f59e0b}.my-leads-action-btn--edit:active{background:#f59e0b18;transform:scale(.93)}.my-leads-action-btn--approve,.my-leads-action-btn--approve:hover{color:#22c55e;background:#22c55e18;border-color:#22c55e}.my-leads-action-btn--approve:active{background:#22c55e25;transform:scale(.93)}.my-leads-action-btn--disapprove,.my-leads-action-btn--disapprove:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.my-leads-action-btn--disapprove:active{background:#fee2e2;transform:scale(.93)}.convert-client-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#22c55e;border:none;border-radius:4px;padding:4px 14px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,transform .1s}.convert-client-btn:hover{background:#16a34a}.convert-client-btn:active{transform:scale(.93)}.my-leads-toast{z-index:9999;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;animation:.3s toastIn;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.my-leads-toast--success{color:#fff;background:#22c55e}.my-leads-toast--error{color:#fff;background:#ef4444}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.my-leads-empty{text-align:center;color:var(--text-muted);font-size:15px;padding:40px!important}.my-leads-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:12px 4px;display:flex}.my-leads-bottom-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.my-leads-bottom-bar .my-leads-pg-info{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:500}.my-leads-bottom-bar .my-leads-pagination{flex:1;margin-top:0;padding:0}.my-leads-bottom-bar .my-leads-bottom-right{align-items:center;gap:8px;margin-left:auto;display:flex}.my-leads-bottom-bar .my-leads-bottom-right select{border:1px solid var(--border);background:var(--bg-card);min-width:110px;color:var(--text);cursor:pointer;border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700}.clients-perpage-header{display:none}.my-leads-pg-info{color:var(--text-muted);font-size:14px;font-weight:500}.my-leads-pg-btns{align-items:center;gap:4px;display:flex}.my-leads-pg-btns button{border:1px solid var(--border);background:var(--bg-card);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.my-leads-pg-btns button:hover:not(:disabled){border-color:var(--primary);color:var(--text);background:var(--bg)}.my-leads-pg-btns button:disabled{opacity:.35;cursor:not-allowed}.my-leads-pg-btns button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.my-leads-pg-nav{text-transform:uppercase;letter-spacing:.3px;font-size:12px!important}.my-leads-pagination button{border:1px solid var(--border);background:var(--bg-card);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.my-leads-pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--text)}.my-leads-pagination button:disabled{opacity:.4;cursor:not-allowed}.my-leads-pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.recharts-cartesian-axis-tick tspan{fill:var(--text-secondary)!important}.recharts-label tspan{fill:#fff!important;font-weight:700!important}.recharts-cartesian-grid line{stroke-opacity:.5;stroke:var(--border)!important}.recharts-tooltip-wrapper{outline:none}.dashboard-header{animation:.5s forwards fadeInUp}.stats-cards .stat-card-bento{opacity:0;animation:.6s forwards fadeInUp}.stats-cards .stat-card-bento:first-child{animation-delay:50ms}.stats-cards .stat-card-bento:nth-child(2){animation-delay:.12s}.stats-cards .stat-card-bento:nth-child(3){animation-delay:.19s}.stats-cards .stat-card-bento:nth-child(4){animation-delay:.26s}.dashboard-grid .d-card--wide{opacity:0;animation:.6s .2s forwards fadeInUp}.d-card-column>.d-card{opacity:0;animation:.6s forwards fadeInUp}.d-card-column>.d-card:first-child{animation-delay:.3s}.d-card-column>.d-card:nth-child(2){animation-delay:.38s}.reminders-section{opacity:0;animation:.6s .35s forwards fadeInUp}.reminders-grid .reminder-card{opacity:0;animation:.5s forwards fadeInUp}.reminders-grid .reminder-card:first-child{animation-delay:.4s}.reminders-grid .reminder-card:nth-child(2){animation-delay:.45s}.reminders-grid .reminder-card:nth-child(3){animation-delay:.5s}.reminders-grid .reminder-card:nth-child(4){animation-delay:.55s}.reminders-grid .reminder-card:nth-child(5){animation-delay:.6s}.reminders-grid .reminder-card:nth-child(6){animation-delay:.65s}.reminders-grid .reminder-card:nth-child(7){animation-delay:.7s}.reminders-grid .reminder-card:nth-child(8){animation-delay:.75s}.reminders-grid .reminder-card:nth-child(9){animation-delay:.8s}.machines-grid{opacity:0;animation:.6s .45s forwards fadeInUp}.machines-grid .machine-card{opacity:0;animation:.5s forwards fadeInUp}.machines-grid .machine-card:first-child{animation-delay:0s}.machines-grid .machine-card:nth-child(2){animation-delay:60ms}.machines-grid .machine-card:nth-child(3){animation-delay:.12s}.machines-grid .machine-card:nth-child(4){animation-delay:.18s}.machines-grid .machine-card:nth-child(5){animation-delay:.24s}.machines-grid .machine-card:nth-child(6){animation-delay:.3s}.d-card{transition:all .3s}.d-card:hover{border-color:var(--card-border-hover,#6366f126);box-shadow:var(--shadow)}.machine-card{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.machine-card:hover{border-color:var(--primary)!important}.reminder-card{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.reminder-card:hover{box-shadow:0 8px 30px #6366f11f;transform:translateY(-3px)!important}.trend-filter-btn{transition:all .25s}.trend-filter-btn:hover:not(.trend-filter-btn--active){transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a}[data-theme=light] .d-card{box-shadow:0 1px 3px #0000000a}[data-theme=light] .d-card:hover{border-color:var(--primary-light);box-shadow:0 8px 30px #6366f11a,0 2px 8px #0000000a}[data-theme=light] .reminders-badge{box-shadow:0 2px 8px #ef44444d}[data-theme=light] .kpi-bar-fill{filter:brightness(1.1);box-shadow:0 0 8px}[data-theme=light] .machine-icon{box-shadow:0 4px 12px #6366f140}[data-theme=light] .stat-card-bento{background-clip:padding-box;border:1.5px solid #0000}[data-theme=light] .stat-card-bento:before{background:linear-gradient(135deg,#00000014,#0000 50%)}[data-theme=light] .stat-card-bento:first-child{background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 30%,#eef2ff 100%);border-color:#6366f166}[data-theme=light] .stat-card-bento:first-child .bento-value{color:#4338ca}[data-theme=light] .stat-card-bento:first-child .bento-label{color:#1e1b4b}[data-theme=light] .stat-card-bento:first-child .bento-sub{color:#4f46e5}[data-theme=light] .stat-card-bento:first-child:hover{border-color:#6366f18c;box-shadow:0 20px 60px -8px #6366f159}[data-theme=light] .stat-card-bento:nth-child(2){background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 30%,#eef2ff 100%);border-color:#6366f166}[data-theme=light] .stat-card-bento:nth-child(2) .bento-value{color:#4338ca}[data-theme=light] .stat-card-bento:nth-child(2) .bento-label{color:#1e1b4b}[data-theme=light] .stat-card-bento:nth-child(2) .bento-sub{color:#4f46e5}[data-theme=light] .stat-card-bento:nth-child(2):hover{border-color:#6366f18c;box-shadow:0 20px 60px -8px #6366f159}[data-theme=light] .stat-card-bento:nth-child(3){background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 30%,#eef2ff 100%);border-color:#6366f166}[data-theme=light] .stat-card-bento:nth-child(3) .bento-value{color:#4338ca}[data-theme=light] .stat-card-bento:nth-child(3) .bento-label{color:#1e1b4b}[data-theme=light] .stat-card-bento:nth-child(3) .bento-sub{color:#4f46e5}[data-theme=light] .stat-card-bento:nth-child(3):hover{border-color:#6366f18c;box-shadow:0 20px 60px -8px #6366f159}[data-theme=light] .stat-card-bento:nth-child(4){background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 30%,#eef2ff 100%);border-color:#6366f166}[data-theme=light] .stat-card-bento:nth-child(4) .bento-value{color:#4338ca}[data-theme=light] .stat-card-bento:nth-child(4) .bento-label{color:#1e1b4b}[data-theme=light] .stat-card-bento:nth-child(4) .bento-sub{color:#4f46e5}[data-theme=light] .stat-card-bento:nth-child(4):hover{border-color:#6366f18c;box-shadow:0 20px 60px -8px #6366f159}[data-theme=light] .stat-card-bento .bento-extra{color:#000000d9;border-top-color:#00000026}[data-theme=light] .bento-side{border-left-color:#00000026}[data-theme=light] .bento-side-label{opacity:1}[data-theme=light] .stat-card-bento:first-child .bento-side-value,[data-theme=light] .stat-card-bento:nth-child(2) .bento-side-value,[data-theme=light] .stat-card-bento:nth-child(3) .bento-side-value,[data-theme=light] .stat-card-bento:nth-child(4) .bento-side-value{color:#4338ca}[data-theme=light] .stat-card-bento:first-child .bento-side-label,[data-theme=light] .stat-card-bento:nth-child(2) .bento-side-label,[data-theme=light] .stat-card-bento:nth-child(3) .bento-side-label,[data-theme=light] .stat-card-bento:nth-child(4) .bento-side-label{color:#4f46e5}[data-theme=light] .stat-card-bento .bento-icon-wrap{border:1px solid #0000000f}[data-theme=light] .stat-card-bento:first-child .bento-icon-wrap,[data-theme=light] .stat-card-bento:nth-child(2) .bento-icon-wrap,[data-theme=light] .stat-card-bento:nth-child(3) .bento-icon-wrap,[data-theme=light] .stat-card-bento:nth-child(4) .bento-icon-wrap{color:#4338ca;background:linear-gradient(135deg,#6366f159,#6366f126)}[data-theme=light] .d-card,[data-theme=light] .reminder-card{-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #fffc;box-shadow:0 4px 24px #f43f5e0f,0 1px 4px #0000000a}[data-theme=light] .machine-card,[data-theme=light] .kpi-card{-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #fffc}[data-theme=light] .reminders-icon-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f43f5e26,#f43f5e14);border:1px solid #f43f5e1f}[data-theme=light] .machine-icon{box-shadow:0 4px 16px #f43f5e4d;background:linear-gradient(135deg,#f43f5e,#fb7185)!important}[data-theme=light] .modal-content--stat{-webkit-backdrop-filter:blur(24px);background:#ffffffeb;border:1px solid #fffffff2;box-shadow:0 32px 80px #0000001f,0 8px 24px #0000000d}[data-theme=light] .stat-modal-header{border-bottom:1px solid #0000000f}[data-theme=light] .stat-modal-icon{box-shadow:0 8px 24px #0000001a,inset 0 1px #fff3}[data-theme=light] .stat-modal-table th{background:#00000005;border-bottom:1px solid #0000000f}[data-theme=light] .stat-modal-table td{border-bottom:1px solid #0000000a}[data-theme=light] .stat-modal-table tbody tr:hover{background:#6366f108}[data-theme=light] .stat-modal-chips{border-bottom:1px solid #0000000f}[data-theme=light] .stat-modal-avatar-sm{box-shadow:0 4px 12px #0000001a}[data-theme=light] .header{background:linear-gradient(135deg,#fef2f2 0%,#fff1f2 30%,#fff 100%);border-bottom:1px solid #f43f5e14;box-shadow:0 2px 20px #f43f5e0a}[data-theme=light] .header:after{content:"";background:linear-gradient(90deg, var(--primary), #fb7185, #fda4af, transparent);opacity:.5;height:2px;position:absolute;bottom:0;left:0;right:0}[data-theme=light] .header-search{background:#ffffffd9;border:1px solid #f43f5e1a;box-shadow:0 1px 4px #00000005}[data-theme=light] .header-search:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #f43f5e14,0 2px 8px #f43f5e0f}[data-theme=light] .header-search input::placeholder{color:#94a3b8}[data-theme=light] .theme-toggle{color:#f43f5e;background:linear-gradient(135deg,#fff,#fef2f2);border:1px solid #f43f5e1f}[data-theme=light] .theme-toggle:hover{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#f43f5e;transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e40}[data-theme=light] .theme-toggle svg{transition:transform .3s}[data-theme=light] .theme-toggle:hover svg{transform:rotate(30deg)}[data-theme=light] .header-user:hover{background:#f43f5e0f}[data-theme=light] .header-avatar{box-shadow:0 2px 12px #f43f5e40}[data-theme=light] .header-user:hover .header-avatar{transform:scale(1.05);box-shadow:0 4px 20px #f43f5e59}[data-theme=light] .header-dropdown{-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #f43f5e14;box-shadow:0 20px 60px #f43f5e0f,0 4px 12px #0000000a}[data-theme=light] .d-card--wide{-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #fffc}[data-theme=light] .d-card--wide .d-card-title{background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite shimmerText}[data-theme=light] .trend-filter-btn--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:2s ease-in-out infinite pulseGlow;box-shadow:0 4px 16px #6366f14d}[data-theme=light] .chart-summary{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px}[data-theme=light] .chart-tooltip{-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #6366f126;border-radius:12px;padding:12px 18px;box-shadow:0 8px 32px #6366f11a}[data-theme=light] .chart-tooltip-label{color:#475569;font-size:13px}[data-theme=light] .chart-tooltip-value{color:#6366f1;font-size:16px;font-weight:800}[data-theme=light] .recharts-area-curve{filter:drop-shadow(0 0 8px #6366f133)}[data-theme=light] .client-dist-container .kpi-card{-webkit-backdrop-filter:blur(16px);opacity:0;background:#ffffffc7;border:1px solid #0000000f;border-left:3px solid;border-radius:10px;padding:12px 14px;animation:.5s forwards fadeInUp}[data-theme=light] .client-dist-container .kpi-card:first-child{animation-delay:.1s}[data-theme=light] .client-dist-container .kpi-card:nth-child(2){animation-delay:.15s}[data-theme=light] .client-dist-container .kpi-card:nth-child(3){animation-delay:.2s}[data-theme=light] .client-dist-container .kpi-card:nth-child(4){animation-delay:.25s}[data-theme=light] .client-dist-container .kpi-card:nth-child(5){animation-delay:.3s}[data-theme=light] .client-dist-container .kpi-card:nth-child(6){animation-delay:.35s}[data-theme=light] .client-dist-container .kpi-card:nth-child(7){animation-delay:.4s}[data-theme=light] .client-dist-container .kpi-card:nth-child(8){animation-delay:.45s}[data-theme=light] .client-dist-container .kpi-card:hover{border-color:#0000001f;transform:translateY(-3px);box-shadow:0 12px 40px #6366f114}[data-theme=light] .kpi-card-value{color:var(--text);font-size:18px;font-weight:800}[data-theme=light] .kpi-bar-track{background:#0000000f;border-radius:4px;height:5px}[data-theme=light] .kpi-bar-fill{filter:brightness(1.1);border-radius:4px;box-shadow:0 0 8px}[data-theme=light] body{background-size:400% 400%;animation:20s infinite gradientShift}.decorative-dot{display:none}[data-theme=light] .d-card{position:relative;overflow:hidden}[data-theme=light] .d-card:before{content:"";background:linear-gradient(90deg, var(--primary), #8b5cf6, #06b6d4);opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}[data-theme=light] .reminder-card{position:relative;overflow:hidden}[data-theme=light] .reminder-card:before{content:"";background:linear-gradient(180deg, var(--primary), #8b5cf6);opacity:0;border-radius:12px 0 0 12px;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}[data-theme=light] .reminder-card:hover:before{opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow{0%,to{box-shadow:0 0 8px #6366f133}50%{box-shadow:0 0 20px #6366f166}}@keyframes borderGlow{0%,to{border-color:var(--border)}50%{border-color:var(--primary)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmerText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 16px #6366f14d}50%{box-shadow:0 4px 24px #6366f180,0 0 40px #6366f126}}.my-leads-modal{max-width:640px}.my-leads-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.my-leads-form-group{flex-direction:column;gap:4px;display:flex}.my-leads-form-group--wide{grid-column:1/-1}.my-leads-form-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.my-leads-form-group input,.my-leads-form-group select{color:var(--text);background:var(--bg-input);border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s}.my-leads-form-group input:focus,.my-leads-form-group select:focus{border-color:var(--primary);background:var(--bg-card)}.my-leads-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:14px;padding-top:12px;display:flex}.my-leads-form-cancel{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .15s}.my-leads-form-cancel:hover{background:var(--bg-input);color:var(--text)}.my-leads-form-submit{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 24px;font-size:14px;font-weight:600;transition:all .2s}.my-leads-form-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}@media (width<=768px){.my-leads-header{flex-direction:column;align-items:stretch;gap:12px}.my-leads-add-btn{justify-content:center}.my-leads-table thead th{letter-spacing:.2px;padding:10px 6px;font-size:12px}.my-leads-table tbody td{padding:10px 6px;font-size:13px}.my-leads-table-wrapper{border-radius:10px;margin:0 -12px}.my-leads-actions{gap:1px}.my-leads-action-btn{width:22px;min-width:22px;height:22px;padding:0}.leads-assignee-select,.my-leads-table tbody td select{width:80px;min-width:0;padding:4px 6px;font-size:12px}.my-leads-pagination{gap:4px}.my-leads-pagination button{padding:6px 10px;font-size:12px}}@media (width<=1024px){.my-leads-toolbar{flex-direction:column;align-items:stretch}.my-leads-search{max-width:none}.my-leads-toolbar select{width:100%}.my-leads-count{text-align:right;margin-left:0}.my-leads-form-grid{grid-template-columns:1fr}}.clients-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding-top:32px;display:grid}.client-card{background:var(--bg-card);border:1.5px solid var(--card-border);border-left:4px solid var(--card-border);border-radius:10px;flex-direction:column;gap:10px;padding:14px;transition:box-shadow .25s,transform .25s,border-color .25s;display:flex;box-shadow:0 1px 3px #0000000f}.client-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 6px 28px #6366f124}.client-card-top{align-items:center;gap:12px;display:flex}.client-card-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.client-card-info{flex:1;min-width:0}.client-card-order-id{color:var(--text);letter-spacing:-.2px;margin-bottom:2px;font-size:15px;font-weight:700}.client-card-order-meta{color:var(--text-secondary);font-size:12px}.client-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.client-card-id{color:var(--text-muted);margin-top:1px;font-size:11px}.order-card-money-row{color:var(--text-muted);background:var(--bg-input);border-radius:6px;gap:16px;margin-top:4px;padding:6px 10px;font-size:12px;display:flex}.order-card-money-item strong{color:var(--text);font-weight:700}.client-card-status{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 10px;font-size:10px;font-weight:700}.client-card-body{flex-direction:column;flex:1;gap:8px;display:flex}.client-card-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.client-card-field{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.client-card-field svg{color:var(--text-muted);flex-shrink:0}.client-card-field span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-card-actions{border-top:1px solid var(--card-border);justify-content:center;gap:4px;padding:10px 0 0;display:flex}.client-card-btn{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.client-card-btn--view{color:#fff;background:#6366f1;border-color:#6366f1}.client-card-btn--view:hover{background:#4f46e5;border-color:#4f46e5}.client-card-btn--edit:hover{color:#6366f1;background:#6366f110;border-color:#6366f1}.client-card-btn--delete:hover{color:#ef4444;background:#ef444410;border-color:#ef4444}.client-card-divider{background:var(--card-border);height:1px;margin:0}.clients-summary-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.clients-summary-stat{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.clients-summary-stat-row{align-items:center;gap:10px;display:flex}.clients-summary-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.clients-summary-stat-value{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.clients-summary-stat-label{color:var(--text);font-size:12px;font-weight:600}.clients-grid-enhanced{grid-template-columns:repeat(3,1fr);gap:16px;padding-top:28px;display:grid}.clients-enhanced-card{background:var(--bg-card);border:1.5px solid var(--card-border);border-left:4px solid var(--card-border);cursor:pointer;border-radius:14px;flex-direction:column;gap:14px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.clients-enhanced-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#8b5cf6);width:100%;height:3px;transition:opacity .25s;position:absolute;top:0;left:0}.clients-enhanced-card:hover{border-color:#6366f1;transform:translateY(-3px);box-shadow:0 8px 30px #6366f11f}.clients-enhanced-card:hover:before{opacity:1}.clients-enhanced-card:nth-child(6n+1){border-left-color:#6366f1}.clients-enhanced-card:nth-child(6n+2){border-left-color:#22c55e}.clients-enhanced-card:nth-child(6n+3){border-left-color:#f59e0b}.clients-enhanced-card:nth-child(6n+4){border-left-color:#ef4444}.clients-enhanced-card:nth-child(6n+5){border-left-color:#ec4899}.clients-enhanced-card:nth-child(6n+6){border-left-color:#06b6d4}.clients-enhanced-top{align-items:center;gap:12px;display:flex}.clients-enhanced-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.clients-enhanced-avatar--firm{background:linear-gradient(135deg,#f59e0b,#d97706)}.clients-enhanced-info{flex:1;min-width:0}.clients-enhanced-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:700;overflow:hidden}.clients-enhanced-id{color:var(--text-secondary);font-family:monospace;font-size:11px}.clients-enhanced-body{flex-direction:column;flex:1;gap:8px;display:flex}.clients-enhanced-detail{color:var(--text);align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.clients-enhanced-detail svg{color:var(--text-secondary);flex-shrink:0}.clients-enhanced-detail span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clients-enhanced-detail--full span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.clients-enhanced-actions{border-top:1px solid var(--card-border);gap:8px;padding-top:12px;display:flex}.clients-enhanced-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.clients-enhanced-btn--view{color:#fff;background:#6366f1}.clients-enhanced-btn--view:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.clients-enhanced-btn--edit{color:var(--text-secondary);border:1px solid var(--card-border);background:0 0}.clients-enhanced-btn--edit:hover{color:#6366f1;background:#6366f10f;border-color:#6366f1}.clients-pagination{border-top:1px solid var(--card-border);justify-content:center;align-items:center;gap:8px;margin-top:28px;padding-top:20px;display:flex}.clients-pagination button{border:1px solid var(--card-border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.clients-pagination button:hover:not(:disabled){color:#6366f1;border-color:#6366f1}.clients-pagination button:disabled{opacity:.4;cursor:not-allowed}.clients-pagination-pages{gap:4px;display:flex}.clients-pagination-pages button{justify-content:center;min-width:36px;padding:8px 10px}.clients-pagination-pages button.active{color:#fff;background:#6366f1;border-color:#6366f1}.clients-empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:16px;flex-direction:column;align-items:center;margin-top:24px;padding:60px 24px;display:flex}.clients-empty-state svg{opacity:.25;color:var(--text-secondary);margin-bottom:16px}.clients-empty-state h3{color:var(--text);margin:0 0 6px;font-size:18px;font-weight:600}.clients-empty-state p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.clients-empty-state button{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.clients-empty-state button:hover{color:#6366f1;border-color:#6366f1}.order-card-details{grid-template-columns:1fr 1fr;gap:8px;display:grid}.order-card-detail-item{flex-direction:column;gap:2px;display:flex}.order-card-detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.order-card-detail-value{color:var(--text);font-size:14px;font-weight:600}.my-leads-action-btn--design{color:#6366f1;background:#6366f11a;border-color:#0000;justify-content:center;gap:4px;min-width:36px}.my-leads-action-btn--design:hover{background:#6366f133;border-color:#6366f1}.design-manager-card{background:var(--bg-card);border:1.5px solid var(--card-border);border-radius:10px;padding:14px}.design-manager-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.design-manager-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.design-manager-card-body{margin-top:10px}.design-manager-details{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.design-manager-detail{color:var(--text-secondary);flex-direction:column;gap:1px;font-size:12px;display:flex}.design-manager-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.design-manager-images{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.design-manager-image-box{flex-direction:column;gap:4px;display:flex}.design-manager-image-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.order-view-image-box{flex-direction:column;gap:6px;display:flex}.order-view-image-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.order-view-image-placeholder{background:var(--bg-input);border:1.5px dashed var(--card-border);width:100%;height:120px;color:var(--text-muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.design-image-upload-row{align-items:center;gap:10px;display:flex}.design-image-upload-btn{border:1px dashed var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;transition:all .15s;display:inline-flex}.design-image-upload-btn:hover{color:#6366f1;background:#6366f10f;border-color:#6366f1}.design-image-preview-wrap{display:inline-block;position:relative}.design-image-preview{object-fit:cover;border:1px solid var(--border);background:var(--bg-input);border-radius:8px;width:auto;max-width:200px;height:100px}.design-image-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.client-sidebar .sidebar-logo-sub{color:#f59e0b}.client-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.client-header-left{flex:1;align-items:center;gap:16px;display:flex}.client-header-hamburger{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:none}.client-header-hamburger:hover{background:var(--hover)}.client-header-search{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;width:320px;max-width:100%;height:40px;padding:0 14px;transition:border-color .2s;display:flex;position:relative}.client-header-search:focus-within{border-color:#f59e0b}.client-header-search svg{color:var(--text-secondary);flex-shrink:0}.client-header-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:14px}.client-header-search input::placeholder{color:var(--text-secondary)}.client-header-suggestions{background:var(--bg-card);border:1px solid var(--border);z-index:200;border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.client-header-suggestion{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;transition:background .15s;display:flex}.client-header-suggestion:hover{background:var(--hover)}.client-header-suggestion+.client-header-suggestion{border-top:1px solid var(--border)}.client-header-suggestion-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.client-header-suggestion-icon{color:#f59e0b;background:#f59e0b1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.client-header-suggestion-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.client-header-suggestion-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.client-header-suggestion-type{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.client-header-suggestion-right svg{color:var(--text-secondary);opacity:0;transition:opacity .15s}.client-header-suggestion:hover .client-header-suggestion-right svg{opacity:1}.client-header-suggestion-empty{text-align:center;color:var(--text-secondary);padding:16px;font-size:13px}.client-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.client-theme-toggle{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.client-theme-toggle:hover{color:#f59e0b;border-color:#f59e0b}.client-header-user{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:4px 8px;transition:background .2s;display:flex}.client-header-user:hover{background:var(--hover)}.client-header-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.client-header-user-name{color:var(--text);font-size:14px;font-weight:600}.client-header-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:200;border-radius:10px;width:180px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.client-header-dropdown-item{color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.client-header-dropdown-item:hover{background:var(--hover)}.client-header-dropdown-divider{background:var(--border);height:1px}.client-dash-header{margin-bottom:28px}.client-dash-greeting{align-items:center;gap:16px;margin-bottom:8px;display:flex}.client-dash-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.client-dash-date{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.client-dash-header .dashboard-subtitle{margin:8px 0 0;padding-left:0}.client-stats-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.client-stat-card{background:var(--bg-card);border-left:4px solid;border-radius:14px;padding:20px;transition:transform .2s,box-shadow .2s}.client-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.client-stat-card-top{margin-bottom:12px}.client-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.client-stat-value{color:var(--text);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1.1}.client-stat-label{color:var(--text-secondary);font-size:13px;font-weight:600}.client-stat-sub{color:var(--text-secondary);margin-top:2px;font-size:11px}.client-dashboard{flex-direction:column;min-height:100%;display:flex}.client-dashboard>*+*{margin-top:0}.client-dash-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:24px;display:grid}.client-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px}.client-card+.client-card{margin-top:20px}.client-card--wide{grid-column:1}.client-card--payments{flex-direction:column;grid-column:2;display:flex}.client-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.client-card-header-actions{align-items:center;gap:8px;display:flex}.btn-add-order{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:4px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;display:flex}.btn-add-order:hover{opacity:.92;transform:translateY(-1px)}.client-card-title{color:var(--text);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.client-order-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.client-order-card{background:var(--bg);border:1.5px solid var(--card-border);cursor:pointer;border-radius:12px;flex-direction:column;padding:18px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;box-shadow:0 1px 3px #0000000f}.client-order-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 20px #6366f11f}.client-order-card-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.client-order-id{color:#6366f1;letter-spacing:.3px;font-family:monospace;font-size:12px;font-weight:700}.client-order-amount{color:var(--text);font-family:monospace;font-size:14px;font-weight:800}.client-order-project{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:15px;font-weight:600;overflow:hidden}.client-order-priority{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;width:fit-content;margin-bottom:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.client-order-priority[data-priority=High]{color:#ef4444;background:#ef44441a}.client-order-priority[data-priority=Medium]{color:#f59e0b;background:#f59e0b1a}.client-order-priority[data-priority=Low]{color:#22c55e;background:#22c55e1a}.client-order-priority[data-priority=Urgent]{color:#dc2626;background:#dc26261f}.client-order-card-details{grid-template-columns:1fr 1fr;gap:4px 12px;margin-bottom:10px;display:grid}.client-order-detail{flex-direction:column;gap:1px;display:flex}.client-order-detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.client-order-detail-value{color:var(--text);font-size:13px;font-weight:500}.client-order-card-footer{border-top:1px solid var(--card-border);margin-top:auto;padding-top:10px}.client-order-status{white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.client-consult-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.client-consult-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s}.client-consult-item:hover{border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b14}.client-consult-item-top{margin-bottom:12px}.client-consult-badge{color:#f59e0b;text-transform:uppercase;letter-spacing:.5px;background:#f59e0b14;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:700}.client-consult-item-body{flex-direction:column;gap:6px;display:flex}.client-consult-item-row{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.client-consult-loc-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.client-consult-page{flex-direction:column;min-height:100%;display:flex}.client-consult-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.client-consult-header-left{flex-direction:column;gap:4px;display:flex}.client-consult-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.client-consult-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.client-consult-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;display:flex}.client-consult-add-btn:hover{opacity:.92;transform:translateY(-1px)}.client-consult-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.client-consult-stat{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.client-consult-stat-row{align-items:center;gap:10px;display:flex}.client-consult-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.client-consult-stat-value{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.client-consult-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.client-consult-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.client-consult-search{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.client-consult-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:12px}.client-consult-search-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 36px 10px 38px;font-family:inherit;font-size:13px;transition:border-color .2s}.client-consult-search-input:focus{border-color:#6366f1}.client-consult-search-input::placeholder{color:var(--text-secondary)}.client-consult-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex;position:absolute;right:8px}.client-consult-search-clear:hover{color:var(--text)}.client-consult-filter-group{align-items:center;gap:10px;display:flex}.client-consult-filter-wrap{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;transition:border-color .2s;display:flex;position:relative}.client-consult-filter-wrap:hover{border-color:#6366f1}.client-consult-select{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;min-width:90px;padding-right:14px;font-family:inherit;font-size:12px;font-weight:500}.client-consult-select-chevron{pointer-events:none;position:absolute;right:10px}.client-consult-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.client-consult-card:hover{border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b14}.client-consult-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.client-consult-card-id{color:#6366f1;letter-spacing:.3px;font-family:monospace;font-size:12px;font-weight:700}.client-consult-card-type{color:#f59e0b;white-space:nowrap;background:#f59e0b14;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.client-consult-card-details{flex:1;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:8px;display:grid}.client-consult-detail{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.client-consult-detail svg{color:var(--text-secondary);opacity:.7;flex-shrink:0}.client-consult-detail--loc{grid-column:1/-1}.client-consult-card-notes{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:6px;margin-bottom:12px;padding:8px 10px;font-size:12px;display:flex}.client-consult-card-notes svg{color:var(--text-secondary);opacity:.6;flex-shrink:0;margin-top:1px}.client-consult-card-notes span{line-height:1.4}.client-consult-card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.client-consult-status{white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.client-consult-card-actions{gap:4px;display:flex}.cc-action-btn{border:1px solid var(--border);background:var(--bg);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cc-action-btn:hover{transform:translateY(-1px)}.cc-action-btn--view:hover{color:#6366f1;background:#6366f114;border-color:#6366f1}.cc-action-btn--edit:hover{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b}.client-consult-empty{text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:16px;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.client-consult-empty svg{opacity:.3;color:var(--text-secondary);margin-bottom:16px}.client-consult-empty h3{color:var(--text);margin:0 0 6px;font-size:18px}.client-consult-empty p{color:var(--text-secondary);margin:0;font-size:14px}.cc-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cc-view-item{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-height:62px;padding:12px 14px;display:flex}.cc-view-item--wide{grid-column:1/-1}.cc-view-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);font-size:10px;font-weight:700}.cc-view-value{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.cc-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cc-form-group{flex-direction:column;gap:5px;display:flex}.cc-form-group--wide{grid-column:1/-1}.cc-form-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.cc-form-input,.cc-form-select{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.cc-form-input:focus,.cc-form-select:focus{border-color:#6366f1}.cc-form-input::placeholder{color:var(--text-secondary);opacity:.6}.cc-form-select{appearance:none;cursor:pointer}.cc-form-textarea{border:1px solid var(--border);background:var(--bg-input);color:var(--text);resize:vertical;border-radius:8px;outline:none;min-height:70px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.cc-form-textarea:focus{border-color:#6366f1}.cc-form-textarea::placeholder{color:var(--text-secondary);opacity:.6}.client-payment-body{flex-direction:column;flex:1;gap:14px;display:flex}.client-payment-hero{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:18px 20px;display:flex}.client-payment-hero-left{flex-shrink:0}.client-pie-chart{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.client-pie-inner{background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.client-payment-hero-mid{flex-direction:column;align-items:flex-start;display:flex}.client-payment-hero-pct{color:var(--text);font-family:monospace;font-size:32px;font-weight:800;line-height:1}.client-payment-hero-pct[data-low=true]{color:#f59e0b}.client-payment-hero-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px;font-weight:600}.client-payment-hero-right{text-align:right}.client-payment-hero-amt{color:#22c55e;font-family:monospace;font-size:20px;font-weight:800;line-height:1.2;display:block}.client-payment-hero-out-of{color:var(--text-secondary);font-size:11px;font-weight:500}.client-payment-bar{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.client-payment-bar-fill{background:linear-gradient(90deg,#22c55e,#10b981);border-radius:5px;height:100%;transition:width .6s}.client-payment-bar-labels{color:var(--text-secondary);justify-content:space-between;margin-top:-6px;font-size:11px;font-weight:600;display:flex}.client-payment-alert{color:#ef4444;background:#ef444414;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.client-payment-details{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;display:flex}.client-payment-row{background:var(--bg);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.client-payment-label{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.client-payment-val{font-family:monospace;font-size:16px;font-weight:700}.client-payment-val--paid{color:#22c55e}.client-payment-val--due{color:#f59e0b}.client-payment-total{color:var(--text);background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f126;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-family:monospace;font-size:15px;font-weight:800;display:flex}.client-pay-page{flex-direction:column;min-height:100%;display:flex}.client-pay-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.client-pay-header-left{flex-direction:column;gap:4px;display:flex}.client-pay-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.client-pay-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.client-pay-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.client-pay-stat{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.client-pay-stat-row{align-items:center;gap:10px;display:flex}.client-pay-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.client-pay-stat-value{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.client-pay-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.client-pay-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.client-pay-search{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.client-pay-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:12px}.client-pay-search-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 36px 10px 38px;font-family:inherit;font-size:13px;transition:border-color .2s}.client-pay-search-input:focus{border-color:#6366f1}.client-pay-search-input::placeholder{color:var(--text-secondary)}.client-pay-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex;position:absolute;right:8px}.client-pay-search-clear:hover{color:var(--text)}.client-pay-filter-group{align-items:center;gap:10px;display:flex}.client-pay-filter-wrap{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;transition:border-color .2s;display:flex;position:relative}.client-pay-filter-wrap:hover{border-color:#6366f1}.client-pay-select{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;min-width:90px;padding-right:14px;font-family:inherit;font-size:12px;font-weight:500}.client-pay-select-chevron{pointer-events:none;position:absolute;right:10px}.client-pay-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.client-pay-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.client-pay-card:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 16px #6366f114}.client-pay-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.client-pay-card-id{color:#6366f1;letter-spacing:.3px;font-family:monospace;font-size:12px;font-weight:700}.client-pay-status{white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.client-pay-card-order{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.client-pay-card-order-id{color:var(--text);font-family:monospace;font-weight:700}.client-pay-card-amounts{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.client-pay-card-amt{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;padding:8px;display:flex}.client-pay-card-amt-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);font-size:9px;font-weight:700}.client-pay-card-amt-value{color:var(--text);font-family:monospace;font-size:15px;font-weight:800}.client-pay-card-amt-value--paid{color:#22c55e}.client-pay-card-amt-value--due{color:#f59e0b}.client-pay-card-details{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.client-pay-card-detail{color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;display:flex}.client-pay-card-notes{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:8px 10px;font-size:12px;line-height:1.4}.client-pay-card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.client-pay-card-due{color:var(--text-secondary);font-size:11px;font-weight:500}.client-pay-view-btn{border:1px solid var(--border);background:var(--bg);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.client-pay-view-btn:hover{color:#6366f1;background:#6366f114;border-color:#6366f1;transform:translateY(-1px)}.client-pay-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:20px;margin-bottom:24px;padding:22px 24px;display:flex}.client-pay-hero-left{flex-shrink:0}.client-pay-hero-chart{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.client-pay-hero-svg{width:80px;height:80px;transform:rotate(-90deg)}.client-pay-hero-bg{fill:none;stroke:var(--border);stroke-width:3px}.client-pay-hero-fill{fill:none;stroke:url(#payGradient);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .6s}.client-pay-hero-pct{color:var(--text);font-family:monospace;font-size:18px;font-weight:800;position:absolute}.client-pay-hero-mid{flex-direction:column;flex:1;gap:2px;display:flex}.client-pay-hero-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);font-size:11px;font-weight:600}.client-pay-hero-amt{color:#22c55e;font-family:monospace;font-size:26px;font-weight:800;line-height:1.1}.client-pay-hero-out-of{color:var(--text-secondary);margin-bottom:8px;font-size:11px}.client-pay-hero-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.client-pay-hero-bar-fill{background:linear-gradient(90deg,#22c55e,#10b981);border-radius:4px;height:100%;transition:width .6s}.client-pay-hero-right{text-align:right;flex-direction:column;flex-shrink:0;gap:8px;display:flex}.client-pay-hero-due{flex-direction:column;gap:2px;display:flex}.client-pay-hero-due-amt{color:#f59e0b;font-family:monospace;font-size:22px;font-weight:800}.client-pay-hero-alert{color:#ef4444;white-space:nowrap;background:#ef444414;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.client-pay-modes{margin-bottom:24px}.client-pay-modes-title{color:var(--text);margin:0 0 12px;font-size:15px;font-weight:700}.client-pay-modes-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.client-pay-mode-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.client-pay-mode-name{color:var(--text);font-size:13px;font-weight:600}.client-pay-mode-count{color:var(--text-secondary);font-size:11px}.client-pay-mode-total{color:#6366f1;margin-top:4px;font-family:monospace;font-size:16px;font-weight:800}.client-pay-upcoming{margin-bottom:24px}.client-pay-upcoming-title{color:var(--text);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.client-pay-upcoming-list{flex-direction:column;gap:8px;display:flex}.client-pay-upcoming-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;transition:border-color .2s;display:flex}.client-pay-upcoming-item:hover{border-color:#f59e0b}.client-pay-upcoming-left{flex-direction:column;gap:2px;min-width:120px;display:flex}.client-pay-upcoming-order{color:var(--text);font-family:monospace;font-size:13px;font-weight:700}.client-pay-upcoming-due{color:var(--text-secondary);font-size:11px}.client-pay-upcoming-mid{flex-direction:column;flex:1;gap:2px;display:flex}.client-pay-upcoming-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);font-size:10px;font-weight:700}.client-pay-upcoming-amt{color:#f59e0b;font-family:monospace;font-size:16px;font-weight:800}.client-pay-empty{text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:16px;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.client-pay-empty svg{opacity:.3;color:var(--text-secondary);margin-bottom:16px}.client-pay-empty h3{color:var(--text);margin:0 0 6px;font-size:18px}.client-pay-empty p{color:var(--text-secondary);margin:0;font-size:14px}.cp-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cp-view-item{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-height:62px;padding:12px 14px;display:flex}.cp-view-item--wide{grid-column:1/-1}.cp-view-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);font-size:10px;font-weight:700}.cp-view-value{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.client-profile-page{flex-direction:column;min-height:100%;display:flex}.client-profile-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.client-profile-header-left{flex-direction:column;gap:4px;display:flex}.client-profile-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.client-profile-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.client-profile-edit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;display:flex}.client-profile-edit-btn:hover{opacity:.92;transform:translateY(-1px)}.client-profile-edit-actions{gap:10px;display:flex}.client-profile-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;display:flex}.client-profile-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.client-profile-btn--primary:hover{opacity:.92;transform:translateY(-1px)}.client-profile-btn--secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.client-profile-btn--secondary:hover{background:var(--hover)}.client-profile-card{background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000a}.client-profile-card-top{align-items:center;gap:20px;display:flex}.client-profile-avatar-wrap{flex-shrink:0;position:relative}.client-profile-avatar{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:26px;font-weight:800;display:flex}.client-profile-avatar-edit{border:2px solid var(--bg-card);background:var(--bg);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;bottom:-2px;right:-2px}.client-profile-avatar-edit:hover{color:#fff;background:#6366f1}.client-profile-info{flex-direction:column;flex:1;gap:6px;display:flex}.client-profile-name{color:var(--text);margin:0;font-size:22px;font-weight:700}.client-profile-role{color:#6366f1;background:#6366f11a;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.client-profile-divider{background:#e2e8f0;height:1px;margin:20px 0}.client-profile-details{flex-direction:column;gap:16px;display:flex}.client-profile-field{flex-direction:column;gap:6px;display:flex}.client-profile-field-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.client-profile-field-value{color:var(--text);padding:8px 0;font-size:15px}.client-profile-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;max-width:480px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.client-profile-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.client-profile-input::placeholder{color:#94a3b8;opacity:.7}.client-profile-input--name{max-width:360px;font-size:18px;font-weight:700}.client-profile-textarea{color:#0f172a;box-sizing:border-box;resize:vertical;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;max-width:480px;min-height:60px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.client-profile-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.client-profile-textarea::placeholder{color:#94a3b8;opacity:.7}.client-profile-actions{justify-content:center;margin-top:20px;display:flex}.client-profile-actions .client-profile-btn{padding:12px 32px;font-size:14px}.cp-welcome-banner{background:linear-gradient(135deg,#f0f4ff 0%,#e8ecff 50%,#fdf2f8 100%);border:1px solid #e0e7ff;border-radius:10px;align-items:center;margin-bottom:12px;padding:12px 18px;display:flex}.cp-welcome-text{flex-direction:column;gap:2px;display:flex}.cp-welcome-greeting{color:#1e1b4b;letter-spacing:-.3px;align-items:center;gap:6px;font-size:16px;font-weight:800;display:flex}.cp-welcome-greeting .welcome-wave{transform-origin:70% 70%;font-size:20px;animation:2.5s ease-in-out infinite wave-anim;display:inline-block}@keyframes wave-anim{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.cp-welcome-subtext{color:#4338ca;margin:0;font-size:12px;font-weight:600}.client-profile-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.client-profile-stat{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.client-profile-stat-row{align-items:center;gap:10px;display:flex}.client-profile-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.client-profile-stat-value{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.client-profile-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.client-profile-grid{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.client-profile-card--main{padding:28px}.client-profile-side{flex-direction:column;gap:20px;display:flex}.client-profile-side .client-profile-card{padding:20px}.client-profile-side .client-profile-card:last-child{margin-bottom:0}.client-profile-section-title{color:#0f172a;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.client-profile-section-title svg{color:#6366f1}.client-profile-field-row{flex-wrap:wrap;gap:16px;display:flex}.client-profile-recent-list{flex-direction:column;gap:6px;display:flex}.client-profile-recent-item{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:border-color .2s;display:flex}.client-profile-recent-item:hover{border-color:#6366f1}.client-profile-recent-left{flex-direction:column;gap:2px;display:flex}.client-profile-recent-id{color:#6366f1;font-family:monospace;font-size:11px;font-weight:700}.client-profile-recent-name{color:var(--text-secondary);font-size:12px}.client-profile-recent-arrow{color:var(--text-secondary);opacity:.4}.client-profile-empty-text{color:var(--text-secondary);margin:0;padding:8px 0;font-size:13px}.client-profile-prefs{flex-direction:column;gap:10px;display:flex}.client-profile-pref{color:var(--text);align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.client-profile-pref svg{color:var(--text-secondary);flex-shrink:0}.client-profile-pref span{flex:1}.client-profile-pref-status{color:#22c55e;background:#22c55e1a;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700}.client-profile-pref-status--off{color:var(--text-secondary);background:var(--bg)}.cp-contact-list{flex-direction:column;gap:10px;display:flex}.cp-contact-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.cp-contact-item:last-child{border-bottom:none}.cp-contact-icon{color:#6366f1;background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.cp-contact-body{flex-direction:column;gap:2px;min-width:0;display:flex}.cp-contact-label{text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;font-size:11px;font-weight:700}.cp-contact-value{color:#0f172a;word-break:break-word;font-size:13px;font-weight:600;line-height:1.4}.cp-financial-list{flex-direction:column;gap:10px;display:flex}.cp-financial-item{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.cp-financial-label{color:#64748b;font-size:13px;font-weight:500}.cp-financial-value{color:#0f172a;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.cp-financial-value--paid{color:#22c55e}.cp-financial-value--due{color:#ef4444}.cp-financial-divider{background:#e2e8f0;height:1px;margin:2px 0}.cp-quick-links{flex-direction:column;gap:6px;display:flex}.cp-quick-link{color:#0f172a;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.cp-quick-link:hover{background:#fff;border-color:#6366f1;transform:translate(2px);box-shadow:0 2px 8px #6366f114}.cp-quick-link svg:first-child{color:#6366f1;flex-shrink:0}.cp-quick-link span{flex:1}.cp-quick-link-arrow{color:#94a3b8;transition:transform .2s}.cp-quick-link:hover .cp-quick-link-arrow{color:#6366f1;transform:translate(3px)}.client-profile-card--side{padding:20px}.client-profile-card--side .client-profile-section-title{margin-bottom:12px;font-size:13px}.client-profile-meta{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.client-profile-meta-item{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.client-profile-meta-item svg{color:#6366f1;flex-shrink:0}.client-profile-meta-item strong{color:#0f172a}.client-audit-page{flex-direction:column;min-height:100%;display:flex}.client-audit-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.client-audit-header-left{flex-direction:column;gap:4px;display:flex}.client-audit-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.client-audit-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.client-audit-header-actions{gap:8px;display:flex}.client-audit-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.client-audit-btn:hover{opacity:.85}.client-audit-btn--danger{color:#dc2626;background:#dc262608;border:1px solid #dc262620}.client-audit-btn--danger:hover{color:#fff;background:#dc2626}.client-audit-btn--secondary:hover{color:#6366f1;border-color:#6366f1}.client-audit-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.client-audit-stat{text-align:center;border:1px solid;border-radius:12px;padding:14px 16px}.client-audit-stat-value{font-size:24px;font-weight:700}.client-audit-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:11px;font-weight:600}.client-audit-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.client-audit-search{flex:260px;position:relative}.client-audit-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.client-audit-search-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 12px 8px 36px;font-family:inherit;font-size:13px;transition:border-color .2s}.client-audit-search-input:focus{border-color:#6366f1}.client-audit-select{border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;border-radius:8px;outline:none;min-width:120px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .2s}.client-audit-select:focus{border-color:#6366f1}.client-audit-flow{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:11px;display:flex}.client-audit-flow-label{color:var(--text);font-size:12px;font-weight:700}.client-audit-flow-item{font-weight:600}.client-audit-table-wrap{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;overflow-x:auto}.client-audit-table{border-collapse:collapse;width:100%;font-size:12px}.client-audit-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:10px;font-weight:700}.client-audit-table td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 14px}.client-audit-table tbody tr:hover{background:#6366f105}.client-audit-table tbody tr:last-child td{border-bottom:none}.client-audit-td-timestamp{color:var(--text-secondary);white-space:nowrap;font-size:11px}.client-audit-date{color:var(--text-secondary);font-size:11px}.client-audit-time{color:var(--text-muted);font-size:10px}.client-audit-user-cell{align-items:center;gap:6px;display:flex}.client-audit-avatar{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.client-audit-user-name{color:var(--text);font-size:12px;font-weight:600}.client-audit-entity-badge{background:var(--primary-light);color:var(--text);border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.client-audit-action-badge{border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.client-audit-summary{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:12px;overflow:hidden}.client-audit-actions{gap:4px;display:flex}.client-audit-action-btn{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.client-audit-action-btn:hover{color:#6366f1;background:#6366f10f;border-color:#6366f1}.client-audit-action-btn--danger:hover{color:#dc2626;background:#dc262608;border-color:#dc2626}.client-audit-action-btn--view:hover{color:#3b82f6;border-color:#3b82f6}.client-audit-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.client-audit-empty svg{opacity:.2;margin-bottom:12px}.client-audit-empty h3{color:var(--text-secondary);margin:0 0 4px;font-size:15px;font-weight:600}.client-audit-empty p{margin:0 0 16px;font-size:12px}.client-audit-clear-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:12px;font-weight:600}.client-audit-clear-btn:hover{color:#6366f1;border-color:#6366f1}.client-audit-modal-header-left{align-items:center;gap:10px;display:flex}.client-audit-modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.client-audit-modal-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.client-audit-modal-id{color:var(--text-muted);font-size:11px}.client-audit-modal-grid{grid-template-columns:1fr 1fr;gap:4px;padding:12px;display:grid}.client-audit-modal-field{padding:4px 8px}.client-audit-modal-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:9px}.client-audit-modal-field-value{color:var(--text);font-size:12px;font-weight:500}.client-audit-modal-summary{color:var(--text);background:var(--bg-card);border-radius:6px;padding:6px 10px;font-size:12px}.client-audit-modal-changes{margin-bottom:10px}.client-audit-modal-changes:last-child{margin-bottom:0}.client-audit-modal-changes-label{text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700}.client-audit-modal-changes-box{color:var(--text);border-radius:6px;padding:6px 10px;font-size:11px}.client-audit-modal-changes-row{padding:1px 0}.client-audit-modal-changes-key{color:var(--text-muted)}.client-audit-delete-text{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.client-audit-delete-preview{background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:10px 14px}.client-audit-delete-preview-summary{color:#dc2626;margin-bottom:2px;font-size:11px;font-weight:600}.client-audit-delete-preview-meta{color:#dc262680;font-size:10px}.client-audit-delete-actions{justify-content:flex-end;gap:10px;display:flex}.client-empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:16px;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.client-empty-icon{color:#6366f1;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.client-empty-state h2{color:var(--text);margin:0 0 8px;font-size:22px}.client-empty-state p{color:var(--text-secondary);max-width:440px;margin:0 0 28px;font-size:14px;line-height:1.5}.client-empty-features{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:28px;display:flex}.client-empty-feature{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.client-empty-feature svg{color:#6366f1;flex-shrink:0}.client-empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.client-empty-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;display:flex}.client-empty-btn:hover{opacity:.92;transform:translateY(-1px)}.client-card-empty{color:var(--text-secondary);flex-direction:column;align-items:center;padding:32px 16px;display:flex}.client-card-empty svg{opacity:.4;margin-bottom:8px}.client-card-empty p{margin:0;font-size:14px}.client-quick-actions{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;margin-bottom:8px;display:grid}.client-quick-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.client-quick-btn:hover{color:#6366f1;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.client-quick-btn svg:last-child{opacity:.4;margin-left:auto}.client-orders-page{flex-direction:column;min-height:100%;display:flex}.client-orders-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.client-orders-header-left{flex-direction:column;gap:4px;display:flex}.client-orders-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.client-orders-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.client-orders-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;display:flex}.client-orders-add-btn:hover{opacity:.92;transform:translateY(-1px)}.client-orders-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.client-order-stat{background:var(--bg-card);border:1.5px solid var(--card-border);border-left:4px solid;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.client-order-stat-row{align-items:center;gap:10px;display:flex}.client-order-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.client-order-stat-value{color:var(--text);font-size:22px;font-weight:800;line-height:1}.client-order-stat-label{color:var(--text-secondary);letter-spacing:.2px;font-size:12px;font-weight:600}.client-orders-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.client-orders-search{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.client-orders-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:14px}.client-orders-search-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 14px 10px 40px;font-family:inherit;font-size:13px;transition:border-color .2s}.client-orders-search-input:focus{border-color:#6366f1}.client-orders-search-input::placeholder{color:var(--text-secondary);opacity:.7}.client-orders-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:10px}.client-orders-search-clear:hover{color:var(--text)}.client-orders-filter-group{align-items:center;gap:10px;display:flex}.client-orders-filter-wrap{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;transition:border-color .2s;display:flex;position:relative}.client-orders-filter-wrap:focus-within{border-color:#6366f1}.client-orders-select{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;min-width:90px;padding-right:14px;font-family:inherit;font-size:12px;font-weight:500}.client-orders-select option{background:var(--bg-card);color:var(--text)}.client-orders-select-chevron{pointer-events:none;color:var(--text-secondary);position:absolute;right:10px}.client-orders-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.client-orders-card{background:var(--bg-card);border:1.5px solid var(--card-border);border-radius:14px;flex-direction:column;padding:20px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.client-orders-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 24px #6366f11f}.client-orders-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.client-orders-card-id{color:#6366f1;letter-spacing:.3px;font-family:monospace;font-size:12px;font-weight:700}.client-orders-card-amount{color:var(--text);font-family:monospace;font-size:15px;font-weight:800}.client-orders-card-project{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px;font-size:16px;font-weight:600;overflow:hidden}.client-orders-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.client-orders-tag{text-transform:uppercase;letter-spacing:.4px;border-radius:4px;align-items:center;width:fit-content;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.client-orders-tag[data-priority=High]{color:#ef4444;background:#ef44441a}.client-orders-tag[data-priority=Medium]{color:#f59e0b;background:#f59e0b1a}.client-orders-tag[data-priority=Low]{color:#22c55e;background:#22c55e1a}.client-orders-tag[data-priority=Urgent]{color:#dc2626;background:#dc26261f}.client-orders-tag--type{color:#6366f1;background:#6366f114}.client-orders-card-details{flex:1;grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:12px;display:grid}.client-orders-detail{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.client-orders-detail span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-orders-card-foot{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.client-orders-card-actions{gap:4px;display:flex}.co-action-btn{border:1px solid var(--card-border);background:var(--bg);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.co-action-btn:hover{transform:translateY(-1px)}.co-action-btn--view:hover{color:#6366f1;background:#6366f114;border-color:#6366f1}.co-action-btn--edit:hover{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b}.client-orders-status{white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.client-orders-empty{text-align:center;background:var(--bg-card);border:1.5px dashed var(--card-border);border-radius:16px;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.client-orders-empty svg{opacity:.3;color:var(--text-secondary);margin-bottom:16px}.client-orders-empty h3{color:var(--text);margin:0 0 6px;font-size:18px}.client-orders-empty p{color:var(--text-secondary);margin:0;font-size:14px}.co-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.co-view-item{background:var(--bg);border:1.5px solid var(--card-border);border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-height:62px;padding:12px 14px;display:flex}.co-view-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);font-size:10px;font-weight:700}.co-view-value{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.co-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.co-form-group{flex-direction:column;gap:5px;display:flex}.co-form-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.co-form-input,.co-form-select{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.co-form-input:focus,.co-form-select:focus{border-color:#6366f1}.co-form-input::placeholder{color:var(--text-secondary);opacity:.6}.co-form-select{appearance:none;cursor:pointer}.client-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.client-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:400px;max-height:85vh;animation:.25s clientModalIn;display:flex;box-shadow:0 16px 48px #0003}.client-modal--view{max-width:560px}.client-modal--form{max-width:520px}@keyframes clientModalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.client-modal-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.client-modal-header h3{color:var(--text);margin:0;font-size:18px;font-weight:700}.client-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .15s,color .15s;display:flex}.client-modal-close:hover{background:var(--hover);color:var(--text)}.client-modal-body{flex:1;padding:16px 20px;overflow-y:auto}.client-modal-body p{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.5}.client-modal-contact{flex-direction:column;gap:10px;display:flex}.client-modal-contact-item{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.client-modal-contact-item svg{color:#6366f1;flex-shrink:0}.client-modal-footer{justify-content:center;gap:10px;padding:0 20px 20px;display:flex}.client-modal-footer .client-modal-btn{flex:0 auto}.client-modal-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;display:flex}.client-modal-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.client-modal-btn--primary:hover{opacity:.92;transform:translateY(-1px)}.client-modal-btn--secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.client-modal-btn--secondary:hover{background:var(--hover)}@media (width<=1200px){.client-stats-cards{grid-template-columns:repeat(3,1fr)}.client-orders-stats,.client-consult-stats,.client-pay-stats,.client-orders-grid,.client-pay-grid,.client-profile-stats{grid-template-columns:repeat(2,1fr)}.client-profile-grid,.client-dash-grid{grid-template-columns:1fr}.client-card--wide,.client-card--payments{grid-column:1}.client-quick-actions,.client-audit-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.client-header{padding:0 16px}.client-header-hamburger{display:flex}.client-header-search{width:100%}.client-theme-toggle span,.client-header-user-name{display:none}.client-dash-greeting{gap:12px}.client-dash-avatar{width:44px;height:44px;font-size:17px}.client-dash-header .dashboard-title{font-size:20px}.client-stats-cards{grid-template-columns:repeat(2,1fr);gap:12px}.client-stat-card{padding:16px}.client-stat-value{font-size:22px}.client-dash-grid{gap:14px}.client-card-column{grid-template-columns:1fr;gap:14px}.client-card{padding:16px}.client-order-grid{grid-template-columns:1fr}.client-orders-stats{grid-template-columns:repeat(2,1fr)}.client-orders-grid{grid-template-columns:1fr}.client-orders-toolbar{flex-direction:column;align-items:stretch}.client-orders-search{min-width:0}.client-orders-filter-group{justify-content:space-between}.client-consult-grid{grid-template-columns:1fr}.client-consult-stats{grid-template-columns:repeat(2,1fr)}.client-consult-toolbar{flex-direction:column;align-items:stretch}.client-consult-search{min-width:0}.client-consult-filter-group{justify-content:space-between}.cc-form-grid,.cc-view-grid{grid-template-columns:1fr}.cc-view-item--wide{grid-column:1}.client-pay-grid{grid-template-columns:1fr}.client-pay-stats{grid-template-columns:repeat(2,1fr)}.client-pay-toolbar{flex-direction:column;align-items:stretch}.client-pay-search{min-width:0}.client-pay-filter-group{justify-content:space-between}.client-pay-hero{text-align:center;flex-direction:column;padding:18px 16px}.client-pay-hero-mid{align-items:center}.client-pay-hero-right{text-align:center;width:100%}.client-pay-hero-alert{justify-content:center}.client-pay-modes-grid{grid-template-columns:repeat(2,1fr)}.client-pay-card-amounts{grid-template-columns:1fr 1fr 1fr}.cp-view-grid{grid-template-columns:1fr}.cp-view-item--wide{grid-column:1}.client-quick-actions{grid-template-columns:repeat(2,1fr);gap:10px}.client-quick-btn{padding:14px 12px;font-size:13px}.client-empty-state{padding:40px 20px}.client-empty-features{flex-direction:column;align-items:stretch}.client-empty-feature{justify-content:center}.client-audit-stats{grid-template-columns:repeat(2,1fr);gap:10px}.client-audit-toolbar{flex-direction:column;align-items:stretch}.client-audit-search{min-width:0}.client-audit-select{flex:1;min-width:0}}@media (width<=480px){.client-dash-avatar{width:38px;height:38px;font-size:15px}.client-dash-header .dashboard-title{font-size:18px}.client-dash-date{font-size:12px}.client-stats-cards{grid-template-columns:repeat(2,1fr);gap:10px}.client-stat-card{padding:14px}.client-stat-icon{width:34px;height:34px}.client-stat-icon svg{width:17px;height:17px}.client-stat-value{font-size:20px}.client-stat-label{font-size:12px}.client-card-title{font-size:14px}.client-quick-actions{grid-template-columns:repeat(2,1fr);gap:8px}.client-quick-btn{padding:12px 10px;font-size:12px}.client-empty-state h2{font-size:18px}.client-orders-title{font-size:20px}.client-orders-stats{grid-template-columns:repeat(2,1fr);gap:10px}.client-order-stat{padding:12px 14px}.client-order-stat-value{font-size:18px}.client-orders-filter-group{flex-wrap:wrap;gap:8px}.client-consult-title{font-size:20px}.client-consult-stats{grid-template-columns:repeat(2,1fr);gap:10px}.client-consult-stat{padding:12px 14px}.client-consult-stat-value{font-size:18px}.client-consult-filter-group{flex-wrap:wrap;gap:8px}.client-pay-title{font-size:20px}.client-pay-stats{grid-template-columns:repeat(2,1fr);gap:10px}.client-pay-stat{padding:12px 14px}.client-pay-stat-value{font-size:18px}.client-pay-filter-group{flex-wrap:wrap;gap:8px}.client-pay-card-amounts{grid-template-columns:1fr;gap:6px}.client-profile-title{font-size:20px}.client-profile-card{padding:20px 16px}.client-profile-card-top{text-align:center;flex-direction:column}.client-profile-info{align-items:center}.client-profile-role{margin:0 auto}.client-profile-input,.client-profile-textarea{max-width:100%}.client-profile-meta{grid-template-columns:1fr;gap:10px}.client-profile-stats{grid-template-columns:repeat(2,1fr);gap:10px}.client-profile-stat{padding:12px 14px}.client-profile-stat-value{font-size:18px}.client-profile-grid,.client-profile-field-row{grid-template-columns:1fr}.client-profile-side .client-profile-card{padding:16px}.client-audit-title{font-size:20px}.client-audit-stats{grid-template-columns:repeat(2,1fr);gap:8px}.client-audit-stat{padding:12px 14px}.client-audit-stat-value{font-size:18px}.client-audit-toolbar{flex-wrap:wrap;gap:8px}.client-audit-table td,.client-audit-table th{padding:8px 10px}.client-audit-summary{max-width:120px}}@media (width<=360px){.client-stats-cards{grid-template-columns:1fr 1fr;gap:8px}.client-stat-card{padding:12px}.client-stat-value{font-size:18px}.client-orders-stats{grid-template-columns:1fr 1fr;gap:8px}.client-order-stat-value{font-size:16px}.client-orders-grid{gap:10px}.client-orders-card{padding:14px}.client-orders-filter-group{flex-direction:column;width:100%}.client-orders-filter-wrap{width:100%}.client-orders-select{flex:1}.client-consult-stats{grid-template-columns:1fr 1fr;gap:8px}.client-consult-stat-value{font-size:16px}.client-consult-filter-group{flex-direction:column;width:100%}.client-consult-filter-wrap{width:100%}.client-consult-select{flex:1}.client-pay-stats{grid-template-columns:1fr 1fr;gap:8px}.client-pay-stat-value{font-size:16px}.client-pay-filter-group{flex-direction:column;width:100%}.client-pay-filter-wrap{width:100%}.client-pay-select{flex:1}.client-profile-stats{grid-template-columns:1fr 1fr;gap:8px}.client-profile-stat-value{font-size:16px}.client-quick-actions{grid-template-columns:1fr 1fr}.client-audit-stats{grid-template-columns:1fr 1fr;gap:6px}.client-audit-toolbar{flex-direction:column;width:100%}.client-audit-select{width:100%;min-width:0}.client-audit-flow{display:none}.client-audit-table th,.client-audit-table td{padding:6px 8px}.client-audit-summary{max-width:80px}}@media (width<=1100px){.clients-grid,.clients-grid-enhanced{grid-template-columns:1fr 1fr}}@media (width<=768px){.clients-summary-stats{grid-template-columns:repeat(2,1fr)}.clients-grid,.clients-grid-enhanced{grid-template-columns:1fr}.design-manager-details{grid-template-columns:1fr 1fr}.order-view-image-box{grid-column:1/-1}}.staff-page{padding:16px}.staff-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.staff-page-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.staff-page-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.staff-add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.staff-add-btn:hover{opacity:.85}.staff-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.staff-search{background:var(--bg-secondary);border:1px solid var(--border);min-width:200px;color:var(--text-secondary);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 14px;display:flex}.staff-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.staff-search input::placeholder{color:var(--text-secondary)}.staff-filters{flex-wrap:wrap;gap:6px;display:flex}.staff-filter-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .2s}.staff-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.staff-filter-btn:hover:not(.active){border-color:var(--accent);color:var(--text-primary)}.staff-table-wrap{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:auto}.staff-table{border-collapse:collapse;width:100%;font-size:14px}.staff-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;align-items:center;gap:4px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.staff-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:12px 16px}.staff-table tr:last-child td{border-bottom:none}.staff-table tr:hover td{background:#6366f10a}.staff-cell-id{color:var(--accent);font-size:13px;font-weight:600}.staff-cell-actions{gap:6px;display:flex}.staff-action-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.staff-action-btn:hover{border-color:var(--accent);color:var(--accent)}.staff-status-select{border:1px solid var(--border);cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500}.staff-textarea{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.staff-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.aj-page{padding:24px}.aj-refresh-btn{border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.aj-refresh-btn:hover{background:var(--bg-input);color:var(--text);border-color:var(--accent)}.aj-refresh-btn:active{transform:rotate(180deg)}.aj-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.aj-title{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.aj-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.aj-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.aj-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px 18px;transition:all .3s;position:relative;overflow:hidden}.aj-stat-card:before{content:"";background:var(--accent-clr,var(--accent));border-radius:0 2px 2px 0;width:4px;height:100%;position:absolute;top:0;left:0}.aj-stat-card:hover{border-color:var(--accent-clr,var(--accent));transform:translateY(-3px);box-shadow:0 6px 20px #00000012}.aj-stat-value{color:var(--text-primary);margin-bottom:2px;font-size:26px;font-weight:800;line-height:1.2;display:block}.aj-stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.aj-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.aj-search{background:var(--bg-secondary);border:1px solid var(--border);min-width:220px;color:var(--text-secondary);border-radius:10px;flex:1;align-items:center;gap:8px;padding:9px 14px;transition:border-color .2s;display:flex}.aj-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.aj-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.aj-search input::placeholder{color:var(--text-secondary)}.aj-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.aj-filter-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.aj-filter-btn:hover:not(.active){border-color:var(--accent);color:var(--text-primary)}.aj-filter-btn.active{color:#fff}.aj-filter-clear{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .2s}.aj-filter-clear:hover{color:#ef4444;border-color:#ef4444}.aj-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.aj-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.4s both ajFadeUp;overflow:hidden}.aj-card:hover{border-color:var(--status-color,var(--accent));transform:translateY(-4px);box-shadow:0 10px 28px #00000014}@keyframes ajFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.aj-card-accent{height:4px}.aj-card-body{padding:18px 20px 16px}.aj-card-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.aj-card-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.aj-card-meta{flex-direction:column;flex:1;min-width:0;display:flex}.aj-card-id{text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:12px;font-weight:700}.aj-card-client{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.aj-priority-badge{letter-spacing:.3px;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.aj-card-details{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.aj-detail{color:var(--text-secondary);background:var(--bg-primary);border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;line-height:1;display:flex}.aj-detail svg{flex-shrink:0}.aj-card-remark{color:var(--text-secondary);background:var(--bg-primary);border-left:3px solid var(--accent);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.5}.aj-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.aj-status-group{align-items:center;gap:4px;display:flex}.aj-status-select{cursor:pointer;appearance:none;border:1px solid;border-radius:6px;padding:5px 22px 5px 8px;font-size:13px;font-weight:600;line-height:1.3}.aj-status-select option{background:var(--bg-secondary);color:var(--text-primary)}.aj-remark-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.aj-remark-btn:hover{border-color:var(--accent);color:var(--accent);background:#6366f10f}.aj-empty{color:var(--text-secondary);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 24px;display:flex}.aj-empty-icon{background:var(--bg-secondary);border:2px dashed var(--border);width:72px;height:72px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.aj-empty p{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.aj-empty span{font-size:13px}.aj-textarea{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.pl-page{padding:24px}.pl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.pl-title{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.pl-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.pl-add-btn{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 14px #6366f14d}.pl-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.pl-inprogress-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:18px 20px}.pl-inprogress-header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.pl-inprogress-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.pl-inprogress-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:all .2s}.pl-inprogress-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #6366f11f}.pl-inprogress-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pl-inprogress-id{color:var(--accent);font-family:monospace;font-size:13px;font-weight:700}.pl-inprogress-priority{border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.pl-inprogress-client{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:700}.pl-inprogress-meta{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.pl-inprogress-dot{color:var(--text-muted);opacity:.3}.pl-inprogress-log-btn{border:1.5px solid var(--accent);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.pl-inprogress-log-btn:hover{background:var(--accent);color:#fff}.pl-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.pl-stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:all .3s;display:flex;position:relative;overflow:hidden}.pl-stat:before{content:"";background:var(--pl-clr,var(--accent));opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.pl-stat:hover:before{opacity:.04}.pl-stat:hover{border-color:var(--pl-clr,var(--accent));transform:translateY(-3px);box-shadow:0 6px 20px #00000012}.pl-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.pl-stat-info{flex-direction:column;display:flex;position:relative}.pl-stat-val{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.2}.pl-stat-lbl{color:var(--text-secondary);font-size:12px;font-weight:500}.pl-weekly{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:18px 22px}.pl-weekly-header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.pl-weekly-bars{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.pl-weekly-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.pl-weekly-qty{color:var(--text-secondary);height:14px;font-size:11px;font-weight:600}.pl-weekly-bar-wrap{justify-content:center;align-items:flex-end;width:100%;height:60px;display:flex}.pl-weekly-bar{border-radius:4px;width:70%;max-width:28px;min-height:3px;transition:height .6s}.pl-weekly-label{color:var(--text-secondary);font-size:11px;font-weight:500}.pl-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pl-search{background:var(--bg-secondary);border:1px solid var(--border);min-width:220px;color:var(--text-secondary);border-radius:10px;flex:1;align-items:center;gap:8px;padding:9px 14px;transition:border-color .2s;display:flex}.pl-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.pl-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.pl-search input::placeholder{color:var(--text-secondary)}.pl-count{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:500}.pl-list{flex-direction:column;gap:8px;display:flex}.pl-entry{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:all .25s;animation:.35s both plSlideIn;display:flex}.pl-entry:hover{border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 16px #0000000f}@keyframes plSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.pl-entry-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.pl-entry-avatar{width:40px;height:40px;color:var(--accent);background:#6366f11a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pl-entry-info{flex-direction:column;gap:3px;min-width:0;display:flex}.pl-entry-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pl-entry-id{color:var(--accent);letter-spacing:.3px;font-size:12px;font-weight:700}.pl-entry-job{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.pl-entry-desc{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:500;overflow:hidden}.pl-entry-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.pl-entry-meta{text-align:right;flex-direction:column;gap:2px;display:flex}.pl-entry-date,.pl-entry-time{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.pl-entry-qty{color:var(--text-primary);text-align:center;min-width:28px;font-size:18px;font-weight:800}.pl-entry-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .25s}.pl-entry-chevron.open{color:var(--accent);transform:rotate(90deg)}.pl-expanded{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:12px;margin-top:-4px;margin-bottom:8px;animation:.3s plExpandIn;overflow:hidden}@keyframes plExpandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.pl-expanded-header{color:var(--accent);background:#6366f10d;border-bottom:1px solid #6366f11a;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.pl-expanded-body{flex-direction:column;gap:10px;padding:14px 18px;display:flex}.pl-expanded-row{color:var(--text-primary);align-items:flex-start;gap:12px;font-size:14px;display:flex}.pl-expanded-label{color:var(--text-secondary);flex-shrink:0;min-width:100px;font-size:13px;font-weight:600}.pl-expanded-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:12px 18px;display:flex}.pl-complete-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.pl-complete-btn:hover{background:#15803d}.pl-completed-badge{color:#22c55e;background:#22c55e1f;border:1.5px solid #22c55e4d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.pl-textarea{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.pl-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f11a}.pl-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.pl-empty-icon{background:var(--bg-secondary);border:2px dashed var(--border);width:72px;height:72px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.pl-empty p{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.pl-empty span{font-size:13px}.staff-dashboard{max-width:1200px;margin:0 auto;padding:20px 24px 32px}.sd-hero{border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}.sd-hero-bg{background:linear-gradient(135deg,#6366f126 0%,#8b5cf61a 50%,#3b82f614 100%);border:1px solid #6366f126;border-radius:16px;position:absolute;inset:0}.sd-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative}.sd-hero-left{flex:1;min-width:240px}.sd-hero-greeting-row{color:var(--accent);align-items:center;gap:10px;margin-bottom:4px;display:flex}.sd-hero-greeting{color:var(--accent);font-size:15px;font-weight:600}.sd-hero-title{color:var(--text-primary);margin:2px 0;font-size:28px;font-weight:800;line-height:1.2}.sd-hero-date{color:var(--text-secondary);margin:4px 0 12px;font-size:14px}.sd-hero-attend-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sd-priority-badge{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.sd-hero-right{flex-shrink:0}.sd-actions{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.sd-action-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.sd-action-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.sd-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sd-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.sd-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:0;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s both sdFadeUp;display:flex;position:relative;overflow:hidden}.sd-stat-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 12px 32px #0000001a}.sd-stat-accent{flex-shrink:0;width:100%;height:4px}.sd-stat-inner{flex-direction:column;flex:1;padding:18px 20px 14px;display:flex}@keyframes sdFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sd-stat-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sd-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex}.sd-stat-card:hover .sd-stat-icon{transform:scale(1.08)rotate(-4deg)}.sd-stat-badge{letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.sd-stat-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px;font-size:30px;font-weight:800;line-height:1;display:block}.sd-stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.sd-stat-bar{background:var(--border);border-radius:3px;flex-shrink:0;height:5px;margin:0 20px 14px;overflow:hidden}.sd-stat-bar-fill{border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.sd-main-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sd-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;transition:box-shadow .3s;overflow:hidden}.sd-card:hover{box-shadow:0 4px 20px #0000000a}.sd-card-full{grid-column:1/-1}.sd-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sd-card-title-row{align-items:center;gap:10px;display:flex}.sd-card-icon{color:var(--accent);flex-shrink:0}.sd-card-title-row h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.sd-card-sub{color:var(--text-secondary);font-size:13px;font-weight:500}.sd-card-link{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.sd-card-link:hover{background:#6366f114}.sd-card-body{padding:4px 0}.sd-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 24px;display:flex}.sd-empty p{margin:0;font-size:14px}.sd-empty-action{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sd-empty-action:hover{border-color:var(--accent);background:#6366f114}.sd-job-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;transition:background .2s;display:flex}.sd-job-item:last-child{border-bottom:none}.sd-job-item:hover{background:#6366f108}.sd-job-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sd-job-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sd-job-info{min-width:0}.sd-job-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.sd-job-meta{color:var(--text-secondary);margin-top:1px;font-size:12px;display:block}.sd-job-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.sd-job-badge{white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.sd-job-badge[data-status=pending]{color:#f59e0b;background:#f59e0b1a}.sd-job-badge[data-status=in-progress]{color:#3b82f6;background:#3b82f61a}.sd-job-badge[data-status=completed]{color:#22c55e;background:#22c55e1a}.sd-job-badge[data-status=on-hold]{color:#8b5cf6;background:#8b5cf61a}.sd-job-priority{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;display:none}.sd-job-priority[data-priority=urgent],.sd-job-priority[data-priority=high]{color:#ef4444;background:#ef44441a;display:inline}.sd-card-footer-link{width:100%;color:var(--accent);cursor:pointer;border:none;border-top:1px solid var(--border);background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.sd-card-footer-link:hover{background:#6366f10d}.sd-card-week .sd-card-header{padding-bottom:12px}.sd-week-stats-mini{gap:16px;display:flex}.sd-week-stat-mini{flex-direction:column;align-items:center;gap:0;display:flex}.sd-week-stat-mini-val{color:var(--text-primary);font-size:16px;font-weight:800;line-height:1.2}.sd-week-stat-mini-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.sd-week-days{grid-template-columns:repeat(7,1fr);gap:8px;padding:4px 16px 16px;display:grid}.sd-week-day-card{text-align:center;border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;transition:all .25s;display:flex;position:relative}.sd-week-day-card.today{border-color:var(--accent);background:#6366f112;box-shadow:0 0 0 1px #6366f114}.sd-week-day-card.present{background:#22c55e0d;border-color:#22c55e33}.sd-week-day-card.absent{background:#ef444408;border-color:#ef44441f}.sd-week-day-card.future{opacity:.35}.sd-week-day-card:hover:not(.future){transform:translateY(-2px)}.sd-week-day-card-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.sd-week-day-card-num{color:var(--text-primary);font-size:16px;font-weight:800;line-height:1.2}.sd-week-day-card-ind{justify-content:center;align-items:center;height:24px;margin:2px 0;display:flex}.sd-week-day-card-ind.today svg,.sd-week-day-card-ind.present svg{width:16px;height:16px}.sd-week-day-card-ind.present svg{color:#22c55e}.sd-week-day-card-ind.absent svg{color:#f59e0b;width:16px;height:16px}.sd-week-day-card-future{color:var(--text-secondary);font-size:12px;font-weight:600}.sd-week-day-card-pulse{justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.sd-pulse-dot{background:var(--accent);z-index:1;border-radius:50%;width:8px;height:8px;position:relative}.sd-pulse-ring{border:2px solid var(--accent);border-radius:50%;width:16px;height:16px;animation:2s ease-out infinite sdPulse;position:absolute}@keyframes sdPulse{0%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}.sd-week-day-card-time{color:var(--text-secondary);min-height:14px;font-size:10px;font-weight:600}.sd-week-day-card-hrs{color:#22c55e;background:#22c55e1a;border-radius:4px;margin-top:1px;padding:1px 6px;font-size:9px;font-weight:700}.sd-week-day-card.absent .sd-week-day-card-hrs{display:none}.sd-timeline{padding:8px 0}.sd-timeline-item{gap:14px;padding:12px 20px;display:flex;position:relative}.sd-timeline-item:before{content:"";background:var(--border);width:2px;position:absolute;top:38px;bottom:-8px;left:29px}.sd-timeline-item:last-child:before{display:none}.sd-timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px;box-shadow:0 0 0 3px #6366f126}.sd-timeline-content{flex:1;min-width:0}.sd-timeline-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sd-timeline-job{color:var(--accent);font-size:14px;font-weight:600}.sd-timeline-time{color:var(--text-secondary);white-space:nowrap;font-size:12px}.sd-timeline-desc{color:var(--text-primary);margin:3px 0;font-size:13px;line-height:1.4}.sd-timeline-qty{color:var(--text-secondary);font-size:12px}.sd-timeline-qty strong{color:var(--text-primary)}@media (width<=900px){.sd-stats-grid{grid-template-columns:repeat(2,1fr)}.sd-main-grid{grid-template-columns:1fr}.sd-hero-content{flex-direction:column;align-items:flex-start}.sd-hero-right{width:100%}}@media (width<=600px){.staff-dashboard{padding:12px 14px 24px}.sd-hero-content{padding:20px}.sd-hero-title{font-size:22px}.sd-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.sd-stat-card{padding:14px}.sd-stat-value{font-size:22px}.sd-actions{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.sd-action-btn{white-space:nowrap;flex-shrink:0;padding:8px 14px}.sd-week-days{gap:4px;padding:4px 12px 12px}.sd-week-day-card{padding:8px 2px 6px}.sd-week-day-card-num{font-size:14px}.sd-week-stats-mini{gap:10px}.sd-week-stat-mini-val{font-size:14px}.sd-stat-bar{display:none}}@media (width<=400px){.sd-stats-grid{gap:8px}.sd-stat-card{padding:12px}.sd-stat-icon{width:32px;height:32px}.sd-stat-icon svg{width:16px;height:16px}.sd-stat-value{font-size:18px}}.att-page{min-height:100%;padding:28px}.att-page-inner{max-width:1100px;margin:0 auto}.att-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.att-header-left{align-items:center;gap:16px;display:flex}.att-avatar{width:48px;height:48px;color:var(--accent,#6366f1);background:linear-gradient(135deg,#6366f133,#6366f10d);border:1px solid #6366f126;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.att-title{color:var(--text,#fff);margin:0;font-size:24px;font-weight:800;line-height:1.2}.att-subtitle{color:var(--text-secondary,#fff9);margin:4px 0 0;font-size:14px}.att-header-right{align-items:center;gap:10px;display:flex}.att-btn-group{align-items:center;gap:8px;display:flex}.att-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.att-btn--in{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.att-btn--in:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.att-btn--in:active{transform:translateY(0)}.att-btn--out{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.att-btn--out:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.att-btn--out:active{transform:translateY(0)}.att-btn--ghost{color:var(--text-secondary,#fff9);border:1px solid var(--card-border,#ffffff1a);background:0 0;padding:10px 16px}.att-btn--ghost:hover{color:#ef4444;border-color:#ef4444}.att-badge-done{color:#22c55e;background:#22c55e1a;border:1.5px solid #22c55e4d;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex}.att-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.att-stat-card{background:var(--bg-card,#ffffff0a);border:1px solid var(--card-border,#ffffff14);border-radius:14px;align-items:center;gap:14px;padding:18px 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.att-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000026}.att-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.att-stat-info{flex-direction:column;display:flex}.att-stat-value{color:var(--text,#fff);margin-bottom:4px;font-size:24px;font-weight:800;line-height:1}.att-stat-label{color:var(--text-secondary,#ffffff8c);font-size:13px;font-weight:500}.att-today{background:var(--bg-card,#ffffff0a);border:1px solid var(--card-border,#ffffff14);border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 22px;display:flex}.att-today-icon{width:40px;height:40px;color:var(--accent,#6366f1);background:#6366f11a;border:1px solid #6366f126;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.att-today-info{flex:1;min-width:0}.att-today-label{color:var(--text-secondary,#ffffff8c);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.att-today-times{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.att-today-time{color:var(--text,#fff);align-items:center;gap:6px;font-size:14px;display:flex}.att-time-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.att-time-dot--in{background:#22c55e}.att-time-dot--out{background:#ef4444}.att-today-complete{color:#22c55e;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.att-calendar-wrap{background:var(--bg-card,#ffffff08);border:1px solid var(--card-border,#ffffff14);border-radius:16px;overflow:hidden}.att-calendar-header{border-bottom:1px solid var(--card-border,#ffffff14);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.att-cal-nav-btn{border:1px solid var(--card-border,#ffffff14);background:var(--bg-secondary,#ffffff0a);width:38px;height:38px;color:var(--text,#fff);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.att-cal-nav-btn:hover{color:var(--accent,#6366f1);background:#6366f126;border-color:#6366f14d}.att-cal-title{color:var(--text,#fff);margin:0;font-size:18px;font-weight:700}.att-cal-year{color:var(--text-secondary,#fff6);font-size:16px;font-weight:400}.att-cal-row{grid-template-columns:repeat(7,1fr);display:grid}.att-cal-row--labels{border-bottom:1px solid var(--card-border,#ffffff0f)}.att-cal-label{text-align:center;color:var(--text-secondary,#fff6);text-transform:uppercase;letter-spacing:.5px;padding:12px 8px;font-size:12px;font-weight:700}.att-cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.att-cal-cell{border-right:1px solid var(--card-border,#ffffff0f);border-bottom:1px solid var(--card-border,#ffffff0f);flex-direction:column;align-items:center;gap:3px;min-height:80px;padding:8px 6px;transition:background .2s;display:flex;position:relative}.att-cal-cell:nth-child(7n){border-right:none}.att-cal-cell--present{background:#22c55e12}.att-cal-cell--present .att-cal-day{color:#22c55e}.att-cal-cell--half{background:#f59e0b12}.att-cal-cell--half .att-cal-day{color:#f59e0b}.att-cal-cell--today{z-index:1;border-style:solid;border-radius:4px;border-color:var(--accent,#6366f1)!important;border-width:2px!important}.att-cal-cell--today .att-cal-day{background:var(--accent,#6366f1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.att-cal-cell--empty{background:0 0;min-height:80px}.att-cal-cell:not(.att-cal-cell--empty):hover{background:#6366f10a}.att-cal-day{color:var(--text,#fff);text-align:center;font-size:14px;font-weight:600;line-height:28px}.att-cal-time{color:#ffffff80;letter-spacing:.2px;font-size:10px;font-weight:600}.att-cal-time--out{color:#ef444480}@media (width<=900px){.att-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.att-page{padding:16px}.att-header{flex-direction:column;align-items:flex-start}.att-header-right{width:100%}.att-btn,.att-badge-done{flex:1;justify-content:center}.att-stats{grid-template-columns:1fr 1fr;gap:10px}.att-stat-card{padding:14px 16px}.att-stat-value{font-size:20px}.att-cal-cell{min-height:60px;padding:4px 2px}.att-cal-day{font-size:12px}.att-cal-time{font-size:8px}.att-cal-title{font-size:15px}}.staff-schedule-weekly{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;overflow:hidden}.staff-schedule-header{border-bottom:1px solid var(--border);color:var(--text-primary);align-items:center;gap:8px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.staff-schedule-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:16px 20px;display:grid}.staff-schedule-card{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.staff-schedule-card.today{border-color:var(--accent);background:#6366f10f}.staff-schedule-card.off{opacity:.6}.staff-schedule-day{justify-content:space-between;align-items:center;display:flex}.staff-schedule-day-name{color:var(--text-primary);font-size:14px;font-weight:600}.staff-schedule-today-badge{color:var(--accent);background:#6366f11f;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.staff-schedule-time{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;display:flex}.staff-schedule-off{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.staff-schedule-type{margin-top:4px}.staff-schedule-type-badge{color:var(--accent);background:#6366f11a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.staff-schedule-type-badge.off-badge{color:var(--text-secondary);background:var(--border)}.pr-card{background:var(--bg-card,#1a1a2e);border:1px solid var(--border,#2e2e44);border-radius:10px;overflow:hidden}.pr-top{border-bottom:1px solid var(--border,#2e2e44);align-items:center;gap:14px;padding:16px 18px;display:flex}.pr-avatar{background:var(--accent,#6366f1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.pr-avatar-img{object-fit:cover;width:100%;height:100%}.pr-top-info{flex-direction:column;gap:3px;display:flex}.pr-name{color:var(--text,#e2e8f0);margin:0;font-size:17px;font-weight:700}.pr-badges{flex-wrap:wrap;gap:4px;display:flex}.pr-badge{white-space:nowrap;border-radius:5px;align-items:center;gap:3px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pr-badge--role{color:var(--accent,#6366f1);background:#6366f11f}.pr-body{padding:0 18px 16px}.pr-section-title{color:var(--accent,#6366f1);text-transform:uppercase;letter-spacing:.7px;border-bottom:2px solid var(--text,#e2e8f0);padding:14px 0 6px;font-size:11px;font-weight:700}.pr-section-title:first-of-type{padding-top:16px}.pr-rows{flex-direction:column;display:flex}.pr-row{border-bottom:1px solid var(--border,#2e2e44);align-items:center;gap:12px;min-height:36px;padding:9px 0;display:flex}.pr-row:last-child{border-bottom:none}.pr-row--pair{grid-template-columns:1fr 1fr;gap:12px;padding:9px 0;display:grid}.pr-pair{align-items:center;gap:8px;min-width:0;display:flex}.pr-pair .pr-label{white-space:nowrap}.pr-pair .pr-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pr-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;min-width:100px;font-size:11px;font-weight:700}.pr-value{color:var(--text,#e2e8f0);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.pr-docs{gap:10px}.pr-doc-img{border:1px solid var(--border,#2e2e44);cursor:pointer;border-radius:5px;width:auto;height:56px;transition:opacity .2s}.pr-doc-img:hover{opacity:.8}.pr-input{border:1.5px solid var(--border,#2e2e44);background:var(--bg-input,#252538);width:100%;max-width:320px;color:var(--text,#e2e8f0);box-sizing:border-box;border-radius:5px;outline:none;padding:5px 9px;font-size:13px;font-weight:500;transition:border-color .15s}.pr-input:focus{border-color:var(--accent,#6366f1);box-shadow:0 0 0 3px #6366f126}[data-theme=light] .pr-card{background:#fff;border-color:#d0d5dd}[data-theme=light] .pr-top{border-bottom-color:#d0d5dd}[data-theme=light] .pr-name{color:#000}[data-theme=light] .pr-section-title{border-bottom-color:#000}[data-theme=light] .pr-row{border-bottom-color:#d0d5dd}[data-theme=light] .pr-label{color:#555}[data-theme=light] .pr-value{color:#000}[data-theme=light] .pr-input{color:#000;background:#f8fafc;border-color:#d0d5dd}[data-theme=light] .pr-doc-img{border-color:#d0d5dd}.pf-avatar-section{border-bottom:1px solid var(--border,#2e2e44);align-items:center;gap:14px;padding:18px 20px;display:flex}.pf-avatar{background:var(--accent,#6366f1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex}.pf-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pf-avatar-info{flex-direction:column;gap:1px;display:flex}.pf-name{color:var(--text,#e2e8f0);margin:0;font-size:18px;font-weight:700}.pf-badges{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.pf-badge{white-space:nowrap;border-radius:5px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pf-badge--role{color:var(--accent,#6366f1);background:#6366f11f}.pf-body{padding:0 20px 18px}.pf-section-title{color:var(--accent,#6366f1);text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--text,#e2e8f0);margin-bottom:0;padding:14px 0 6px;font-size:11px;font-weight:700}.pf-section-title:first-of-type{padding-top:18px}.pf-grid{border-bottom:1px solid var(--border,#2e2e44);grid-template-columns:1fr 1fr 1fr;display:grid}.pf-grid--2{grid-template-columns:1fr 1fr}.pf-field{border-right:1px solid var(--border,#2e2e44);border-bottom:1px solid var(--border,#2e2e44);flex-direction:column;gap:1px;padding:8px 10px;display:flex}.pf-field--span2{grid-column:span 2}.pf-field--span3{grid-column:1/-1}.pf-grid:not(.pf-grid--2)>.pf-field:nth-child(3n),.pf-grid--2>.pf-field:nth-child(2n){border-right:none}.pf-grid:not(.pf-grid--2)>.pf-field:nth-last-child(-n+3):nth-child(3n-2),.pf-grid:not(.pf-grid--2)>.pf-field:nth-last-child(-n+3):nth-child(3n-1),.pf-grid:not(.pf-grid--2)>.pf-field:last-child,.pf-grid--2>.pf-field:nth-last-child(-n+2):nth-child(2n-1),.pf-grid--2>.pf-field:last-child,.pf-field--span2:last-child,.pf-field--span3:last-child{border-bottom:none}.pf-field-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.pf-field-icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;display:inline-flex}.pf-field-value span{color:var(--text,#e2e8f0);word-break:break-word;font-size:13px;font-weight:500}.pf-input{border:1.5px solid var(--border,#2e2e44);background:var(--bg-input,#252538);width:100%;color:var(--text,#e2e8f0);box-sizing:border-box;border-radius:5px;outline:none;padding:5px 8px;font-size:13px;font-weight:500;transition:border-color .15s}.pf-input:focus{border-color:var(--accent,#6366f1);box-shadow:0 0 0 3px #6366f126}.pf-doc{flex-direction:column;gap:6px;display:flex}.pf-doc-img{border:1px solid var(--border,#2e2e44);cursor:pointer;border-radius:6px;width:100%;max-width:240px;transition:opacity .2s;display:block}.pf-doc-img:hover{opacity:.8}.pf-doc-empty{color:var(--text-muted,#64748b);padding:2px 0;font-size:13px}[data-theme=light] .pf-card{background:#fff;border-color:#d0d5dd}[data-theme=light] .pf-avatar-section{border-bottom-color:#d0d5dd}[data-theme=light] .pf-name{color:#0f172a}[data-theme=light] .pf-section-title{border-bottom-color:#0f172a}[data-theme=light] .pf-grid{border-bottom-color:#d0d5dd}[data-theme=light] .pf-field{border-bottom-color:#d0d5dd;border-right-color:#d0d5dd}[data-theme=light] .pf-field-label,[data-theme=light] .pf-field-value span{color:#000}[data-theme=light] .pf-input{color:#0f172a;background:#f8fafc;border-color:#d0d5dd}[data-theme=light] .pf-doc-img{border-color:#d0d5dd}.status-pending{color:#f59e0b;background:#f59e0b1a}.status-in-progress{color:#3b82f6;background:#3b82f61a}.status-completed{color:#22c55e;background:#22c55e1a}.status-on-hold{color:#8b5cf6;background:#8b5cf61a}@media (width<=900px){.aj-stats{grid-template-columns:repeat(2,1fr)}.aj-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.staff-schedule-grid{grid-template-columns:repeat(2,1fr)}.staff-calendar-cell{min-height:56px;padding:4px}.staff-toolbar{flex-direction:column}.staff-search{width:100%}.staff-filters{width:100%;overflow-x:auto}.aj-toolbar{flex-direction:column}.aj-search{width:100%}.aj-filters{width:100%;overflow-x:auto}}@media (width<=600px){.aj-stats{grid-template-columns:repeat(2,1fr)}.aj-grid{grid-template-columns:1fr}.pl-stats{grid-template-columns:repeat(2,1fr)}.pl-entry-right{gap:8px}.pl-entry-meta{display:none}.pl-entry-qty{min-width:20px;font-size:16px}.pl-weekly{padding:14px}}@media (width<=480px){.clients-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}.staff-schedule-grid{grid-template-columns:1fr}.staff-page-header{flex-direction:column;align-items:flex-start}}.stat-page{width:100%;margin:0 auto;padding:4px 2px;animation:.3s fadeIn}.stat-page-breadcrumb{margin-bottom:24px}.stat-page-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.stat-page-back:hover{background:var(--bg-input);color:var(--text);transform:translate(-2px)}.stat-page-hero{background-clip:padding-box;border:1px solid #0000;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.stat-page-hero:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 50%);border-radius:20px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stat-page-hero-content{align-items:center;gap:20px;display:flex}.stat-page-hero-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.stat-page-hero-title{color:var(--text);letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:800}.stat-page-hero-subtitle{color:var(--text-secondary);margin:0;font-size:15px}.stat-page-hero-count{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:12px 24px;display:flex}.stat-page-hero-number{color:var(--text);letter-spacing:-1px;font-size:36px;font-weight:900;line-height:1}.stat-page-hero-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.stat-page-chips{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.stat-page-chip{color:var(--text);border-radius:20px;align-items:center;gap:8px;padding:7px 18px;font-size:13px;font-weight:600;display:inline-flex}.stat-page-chip strong{font-weight:800}.stat-page-table-wrap{background:var(--bg-card);border:1px solid #cbd5e1;border-radius:16px;overflow:auto hidden}.stat-page-table{border-collapse:collapse;width:100%;min-width:600px}.stat-page-table thead{background:var(--bg-input)}.stat-page-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 20px;font-size:11px;font-weight:700}.stat-page-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 20px;font-size:13px}.stat-page-table tbody tr{transition:background .15s}.stat-page-table tbody tr:hover{background:#6366f10a}.stat-page-table tbody tr:last-child td{border-bottom:none}.stat-page-client{align-items:center;gap:14px;display:flex}.stat-page-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.stat-page-client-name{color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.stat-page-client-id{color:var(--text-muted);margin-top:2px;font-size:11px}.stat-page-type{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background:#6366f11a;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.stat-page-contact{color:var(--text-secondary);letter-spacing:.3px;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.stat-page-contact svg{opacity:.6}.stat-page-status{white-space:nowrap;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.stat-page-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.stat-page-empty p{font-size:15px;font-weight:600}.stat-page-empty button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600}@media (width<=900px){.stat-page{padding:6px}.stat-page-hero{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.stat-page-hero-count{flex-direction:row;justify-content:space-between;width:100%;padding:12px 20px}.stat-page-hero-title{font-size:22px}.stat-page-hero-icon{width:50px;height:50px}.stat-page-table th,.stat-page-table td{padding:12px 14px}}@media (width<=600px){.stat-page{padding:14px}.stat-page-hero{border-radius:14px;padding:18px}.stat-page-hero-content{gap:14px}.stat-page-hero-icon{width:44px;height:44px}.stat-page-hero-title{font-size:18px}.stat-page-hero-subtitle{font-size:13px}.stat-page-hero-number{font-size:28px}.stat-page-table-wrap{border-radius:12px}.stat-page-table th,.stat-page-table td{padding:10px 12px;font-size:12px}.stat-page-table{min-width:500px}.stat-page-avatar{width:34px;height:34px;font-size:13px}.stat-page-client-name{font-size:12px}}[data-theme=light] .stat-page-hero{border-color:#0000000f}[data-theme=light] .stat-page-hero:before{background:linear-gradient(135deg,#0000000f,#0000 50%)}[data-theme=light] .stat-page-table-wrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf}