@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--topbar-height:64px;--sidebar-width:260px;--sidebar-width-mobile:280px;--color-primary:#c41e2c;--color-primary-dark:#9b1523;--color-primary-hover:#ad1a26;--color-primary-light:#fde8ea;--color-primary-lighter:#fef4f5;--color-primary-rgb:196, 30, 44;--color-accent:#e85d04;--color-accent-light:#fef0e7;--color-accent-rgb:232, 93, 4;--color-accent-blue:#0369a1;--color-accent-blue-light:#e0f2fe;--color-accent-blue-rgb:3, 105, 161;--color-accent-gold:#b45309;--color-accent-gold-light:#fef3c7;--color-accent-gold-rgb:180, 83, 9;--color-accent-teal:#0f766e;--color-accent-teal-light:#ccfbf1;--color-accent-teal-rgb:15, 118, 110;--color-accent-violet:#6d28d9;--color-accent-violet-light:#ede9fe;--color-accent-violet-rgb:109, 40, 217;--color-secondary:#1a1a1a;--color-bg:#f3f3f3;--color-surface:#fff;--color-surface-hover:#f7f7f7;--color-surface-raised:#fff;--color-text:#111;--color-text-light:#4a4a4a;--color-muted:#8a8a8a;--color-border:#e0e0e0;--color-border-strong:#c4c4c4;--color-error:#dc2626;--color-error-light:#fee2e2;--color-error-border:#dc262640;--color-success:#16a34a;--color-success-light:#dcfce7;--color-success-border:#16a34a40;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-warning-border:#d9770640;--color-info:#0369a1;--color-info-light:#e0f2fe;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000000f;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000000f;--shadow-lg:0 20px 25px -5px #00000026, 0 8px 10px -6px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--border-radius:var(--radius-md);--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .35s cubic-bezier(.4, 0, .2, 1);--font-sans:var(--font-geist-sans), "Inter", system-ui, -apple-system, sans-serif;--font-mono:var(--font-geist-mono), "Fira Code", "Cascadia Code", monospace}.dark{--color-bg:#0d0d0d;--color-surface:#1a1a1a;--color-surface-hover:#252525;--color-surface-raised:#252525;--color-text:#f5f5f5;--color-text-light:#a8a8a8;--color-muted:#666;--color-border:#2e2e2e;--color-border-strong:#3d3d3d;--color-primary:#e02030;--color-primary-dark:#b01828;--color-primary-hover:#c8202c;--color-primary-light:#3d0a10;--color-primary-lighter:#280609;--color-accent-light:#3d1a00;--color-accent-blue-light:#0c2d42;--color-accent-gold-light:#2d1e00;--color-accent-teal-light:#042f2b;--color-accent-violet-light:#1e1040;--color-error-light:#3d0a0a;--color-success-light:#052e16;--color-warning-light:#2d1a00;--color-info-light:#0c2d42;--shadow-sm:0 1px 3px 0 #0006;--shadow:0 4px 12px -1px #00000080;--shadow-md:0 10px 15px -3px #0009;--shadow-lg:0 20px 25px -5px #000000b3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,[role=button]{cursor:pointer;background:0 0;border:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}hr{height:0;color:inherit;border-top-width:1px}textarea{resize:vertical}[hidden]{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadein{animation:.3s ease-out fadeIn}.animate-slidein{animation:.3s ease-out slideInRight}.spin,.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.dashboard-sidebar{width:var(--sidebar-width);background:var(--color-primary);z-index:50;border-right:none;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:4px 0 20px #0003}.dashboard-main{background:var(--color-bg);min-width:0;min-height:100dvh;transition:var(--transition);flex-direction:column;flex:1;display:flex}.mobile-only{display:none!important}@media (max-width:1024px){.mobile-only{display:flex!important}.dashboard-sidebar{z-index:60;height:100dvh;position:fixed;top:0;left:0;transform:translate(-100%)}.dashboard-sidebar.sidebar-open{transform:translate(0)}.topbar-user-info,.topbar-status-label{display:none!important}}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:55;opacity:0;pointer-events:none;background:#00081473;transition:opacity .3s;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.sidebar-link{border-radius:var(--radius-md);color:#fffc;transition:var(--transition);align-items:center;gap:.75rem;min-height:44px;padding:.6875rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#0000002e}.sidebar-link.active{color:#fff;background:#fff3;font-weight:700}.dark .sidebar-link.active{color:#fff;background:#fff3}.sidebar-icon{flex-shrink:0}.sidebar-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.topbar{width:100%;height:var(--topbar-height);background-color:var(--color-primary);z-index:10;color:#fff;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000002e}.topbar *{color:inherit}.topbar-avatar{color:#fff;background-color:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;font-weight:700;display:flex}.status-pill{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;transition:var(--transition);flex-shrink:0;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.status-pill.online{color:#16a34a;background:#ffffffeb}.status-pill.offline{color:#6b7280;background:#ffffffd9}.page{max-width:1600px;margin:0 auto;padding:2rem;animation:.25s ease-out fadeIn}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.page-title{color:var(--color-text);letter-spacing:-.03em;margin:0 0 .2rem;font-size:1.875rem;font-weight:800;line-height:1.15}.page-subtitle{color:var(--color-text-light);margin:0;font-size:.9375rem}@media (max-width:768px){.page{padding:1.25rem}.page-title{font-size:1.5rem}}.grid{gap:1.5rem;display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;display:grid}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem;display:grid}@media (max-width:1280px){.grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #c41e2c4d}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #c41e2c66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-muted)}.btn-outline{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-outline:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-text-light);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-xs{border-radius:var(--radius-sm);padding:.3rem .65rem;font-size:.75rem}.btn-sm{padding:.425rem .875rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:.875rem 1.75rem;font-size:1rem}.btn-icon{border-radius:var(--radius-md);flex-shrink:0;width:38px;height:38px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--color-text-light);letter-spacing:.015em;font-size:.8125rem;font-weight:600;display:block}.form-input,.form-select,textarea.form-input{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);transition:var(--transition);appearance:none;padding:.75rem 1.125rem;font-family:inherit;font-size:.9375rem;line-height:1.5}.form-input::placeholder{color:var(--color-muted)}.form-input:focus,.form-select:focus,textarea.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c41e2c1f}.form-input:disabled,.form-select:disabled{background:var(--color-surface-hover);color:var(--color-muted);cursor:not-allowed;border-style:dashed}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-row{align-items:flex-start;gap:1rem;display:flex}.form-row>*{flex:1;min-width:0}@media (max-width:640px){.form-row{flex-direction:column;gap:.75rem}}.check-group{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;padding:.5rem .625rem;display:flex}.check-group:hover{background:var(--color-surface-hover)}.check-input{appearance:none;border:2px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;width:18px;height:18px;transition:var(--transition);border-radius:5px;flex-shrink:0;position:relative}.check-input:checked{background:var(--color-primary);border-color:var(--color-primary)}.check-input:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:6px;height:10px;display:block;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.check-label{color:var(--color-text);font-size:.9375rem;font-weight:600}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--color-muted);pointer-events:none;flex-shrink:0;position:absolute;left:.875rem}.search-input{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);transition:var(--transition);padding:.6875rem 1rem .6875rem 2.75rem;font-family:inherit;font-size:.9375rem}.search-input::placeholder{color:var(--color-muted)}.search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c41e2c1f}.text-primary{color:var(--color-primary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-error{color:var(--color-error)!important}.text-muted{color:var(--color-muted)!important}.text-dimmed{color:var(--color-text-light);font-size:.875rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-orange{color:var(--color-accent)!important}.text-blue{color:var(--color-accent-blue)!important}.text-gold{color:var(--color-accent-gold)!important}.text-teal{color:var(--color-accent-teal)!important}.text-violet{color:var(--color-accent-violet)!important}.bg-orange{background:var(--color-accent-light);color:var(--color-accent)}.bg-blue{background:var(--color-accent-blue-light);color:var(--color-accent-blue)}.bg-gold{background:var(--color-accent-gold-light);color:var(--color-accent-gold)}.bg-teal{background:var(--color-accent-teal-light);color:var(--color-accent-teal)}.bg-violet{background:var(--color-accent-violet-light);color:var(--color-accent-violet)}.badge-orange{background:var(--color-accent-light);color:var(--color-accent)}.badge-blue{background:var(--color-accent-blue-light);color:var(--color-accent-blue)}.badge-gold{background:var(--color-accent-gold-light);color:var(--color-accent-gold)}.badge-teal{background:var(--color-accent-teal-light);color:var(--color-accent-teal)}.badge-violet{background:var(--color-accent-violet-light);color:var(--color-accent-violet)}.shadow-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.card-title{color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3}.card-subtitle{color:var(--color-text-light);margin:.25rem 0 0;font-size:.875rem}.card-body{padding:2rem}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.alert{border-radius:var(--radius-md);border:1.5px solid;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1.125rem;font-size:.875rem;font-weight:500;display:flex}.alert-error{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error-border)}.alert-success{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success-border)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning);border-color:var(--color-warning-border)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;justify-content:center;align-items:center;padding:.2rem .625rem;font-size:.6875rem;font-weight:700;line-height:1.6;display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-outline{color:var(--color-text-light);border:1.5px solid var(--color-border);background:0 0}.badge-neutral{background:var(--color-surface-hover);color:var(--color-text-light)}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.table th{background:var(--color-surface-hover);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--color-border);white-space:nowrap;padding:.875rem 1.25rem;font-size:.75rem;font-weight:700}.table td{border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text);padding:.9375rem 1.25rem}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background-color:var(--color-surface-hover)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);padding:1.5rem;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--color-primary-light);transform:translateY(-2px)}.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);margin-bottom:.625rem;font-size:.6875rem;font-weight:700}.stat-value{color:var(--color-text);letter-spacing:-.02em;font-size:1.875rem;font-weight:800;line-height:1}.stat-sub{color:var(--color-muted);margin-top:.75rem;font-size:.8125rem;font-weight:500}.stat-icon,.stat-icon-wrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0005148c;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10;border-radius:var(--radius-xl) var(--radius-xl) 0 0;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.modal-body{padding:2rem}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.settings-layout{grid-template-columns:240px 1fr;align-items:start;gap:1.5rem;display:grid}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}}.settings-sidebar-panel{top:calc(var(--topbar-height) + 1.5rem);position:sticky}.settings-content-panel{min-width:0}.settings-tab-btn{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:var(--transition);color:var(--color-text-light);background:0 0;border:none;align-items:center;gap:.75rem;margin-bottom:.125rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.settings-tab-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.settings-tab-btn.active{background:var(--color-primary);color:#fff;font-weight:700;box-shadow:0 2px 8px #c41e2c4d}.store-settings-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:700px){.store-settings-grid{grid-template-columns:1fr}}.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.375rem;display:grid}.pos-layout{height:calc(100dvh - var(--topbar-height));background:var(--color-bg);flex-direction:row;width:100%;display:flex;overflow:hidden}.pos-cart-panel{background:var(--color-surface);z-index:20;border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:420px;min-width:420px;height:100%;display:flex;box-shadow:4px 0 20px #0000000f}.pos-products-panel{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}@media (max-width:1200px){.pos-cart-panel{width:360px;min-width:360px}}@media (max-width:900px){.pos-layout{flex-direction:column;height:auto;overflow:auto}.pos-products-panel,.pos-cart-panel{width:100%;min-width:100%;height:auto}.pos-cart-panel{border-right:none;border-top:1px solid var(--color-border)}}.pos-cart-item{border-bottom:1px solid var(--color-border);transition:var(--transition-fast);padding:.875rem 1.25rem}.pos-cart-item:hover{background:var(--color-surface-hover)}.pos-product-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;flex-direction:column;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pos-product-card:hover{border-color:var(--color-primary-light);transform:translateY(-3px);box-shadow:0 10px 22px -8px #00000024}.pos-product-card:active{transition:all 80ms;transform:translateY(-1px)scale(.98)}.pos-product-card .image-area{aspect-ratio:1;background:var(--color-surface-hover);color:var(--color-muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pos-product-card .image-area img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.pos-product-card:hover .image-area img{transform:scale(1.04)}.pos-product-card .content-area{flex-direction:column;flex:1;gap:.375rem;padding:.75rem;display:flex}.pos-product-card .product-name{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.product-price-tag{color:var(--color-primary);letter-spacing:-.01em;font-size:1.0625rem;font-weight:800;display:block}.product-badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.06em;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);padding:.2rem .5rem;font-size:.5625rem;font-weight:800;position:absolute;top:.5rem;right:.5rem}.product-badge-error{color:#fff;background:#ef4444e6}.product-badge-warning{color:#fff;background:#f59e0be6}.product-badge-success{color:#fff;background:#10b981e6}.product-badge-service{color:#fff;background:#0f172acc}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}