body,html{margin:0;max-width:100vw;overflow-x:hidden;padding:0;width:100%}body{font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);letter-spacing:0;letter-spacing:var(--letter-spacing-normal);line-height:1.5;line-height:var(--line-height-normal);text-rendering:optimizeLegibility}.h1,h1{font-size:30px;font-size:var(--font-size-3xl);font-weight:800;font-weight:var(--font-weight-extrabold);margin:0 0 16px}.h1,.h2,h1,h2{letter-spacing:-.025em;letter-spacing:var(--letter-spacing-tight);line-height:1.25;line-height:var(--line-height-tight)}.h2,h2{font-size:24px;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 12px}.h3,h3{font-size:20px;font-size:var(--font-size-xl);margin:0 0 10px}.h3,.h4,h3,h4{font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.5;line-height:var(--line-height-normal)}.h4,h4{font-size:18px;font-size:var(--font-size-lg);margin:0 0 8px}.h5,h5{font-size:16px;font-size:var(--font-size-md);margin:0 0 6px}.h5,.h6,h5,h6{font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5;line-height:var(--line-height-normal)}.h6,h6{font-size:14px;font-size:var(--font-size-base);margin:0 0 4px}p{line-height:1.75;line-height:var(--line-height-relaxed);margin:0 0 12px}.text-sm,small{font-size:12px;font-size:var(--font-size-sm)}.text-sm,.text-xs,small{line-height:1.5;line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:#a8b0bf;color:var(--color-muted)}.text-primary{color:#ff7a00;color:var(--color-primary)}.text-danger{color:#ef4444;color:var(--color-danger)}.text-success{color:#22c55e;color:var(--color-success)}b,strong{font-weight:600;font-weight:var(--font-weight-semibold)}em,i{font-style:italic}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary-600:#e86f00;--color-bg:#0f1115;--color-surface:#151922;--color-surface-2:#1b2130;--color-text:#e6e9ef;--color-muted:#a8b0bf;--shadow:0 6px 24px #00000059;--gap:8px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace}#root,body,html{background:var(--gradient-app);background-attachment:fixed;color:#e6e9ef;color:var(--color-text)}[data-theme=dark]{--color-primary:#ff7a00;--color-primary-600:#e86f00;--color-bg:#0f1115;--color-surface:#151922;--color-surface-2:#1b2130;--color-text:#e6e9ef;--color-muted:#a8b0bf}[data-theme=light]{--color-primary:#ff7a00;--color-primary-600:#e86f00;--color-bg:#f7f8fa;--color-surface-2:#fff;--color-text:#1f2937}.card{background:linear-gradient(180deg,#ffffff08,#ffffff05);box-shadow:0 6px 24px #00000059;padding:calc(var(--gap)*2)}.btn-primary{background:linear-gradient(180deg,#ff7a00,#e86f00);border:none;border-radius:999px;cursor:pointer;padding:10px 16px}.layout{grid-gap:calc(var(--gap)*2);gap:calc(var(--gap)*2)}#root,body,html{height:100%}:root{--color-primary:#ff7a00;--color-primary-50:#fff7ed;--color-primary-100:#ffedd5;--color-primary-200:#fed7aa;--color-primary-300:#fdba74;--color-primary-400:#fb923c;--color-primary-500:#f97316;--color-primary-600:#e56f00;--color-primary-700:#c2410c;--color-primary-800:#9a3412;--color-primary-900:#7c2d12;--color-secondary:#0ea5e9;--color-secondary-600:#0284c7;--color-success:#22c55e;--color-success-50:#f0fdf4;--color-success-600:#16a34a;--color-warning:#f59e0b;--color-warning-50:#fffbeb;--color-warning-600:#d97706;--color-danger:#ef4444;--color-danger-50:#fef2f2;--color-danger-600:#dc2626;--color-info:#3b82f6;--color-info-600:#2563eb;--color-bg:#0d1016;--color-surface:#131823;--color-surface-2:#19202e;--color-surface-3:#1f2838;--color-card-bg:#ffffff08;--color-text:#e8edf6;--color-text-secondary:#cbd5e1;--color-muted:#aab4c5;--color-muted-light:#94a3b8;--color-border:#ffffff14;--color-border-light:#ffffff1f;--color-border-dark:#ffffff0a;--radius:12px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000001a;--shadow:0 4px 12px #00000026;--shadow-md:0 6px 20px #00000040;--shadow-lg:0 10px 30px #00000059;--shadow-xl:0 20px 40px #0006;--gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:20px;--gap-6:24px;--gap-8:32px;--gradient-app:radial-gradient(1200px 600px at 80% 40%,#ff7a001a 0%,#ff7a0000 60%),radial-gradient(900px 500px at 10% 90%,#0ea5e91f 0%,#0ea5e900 60%),linear-gradient(180deg,#0a0c11,#0d1016 60%,#0a0c11);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-600) 100%);--gradient-success:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-600) 100%);--blur:saturate(120%) blur(8px);--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--scrollbar-width:8px;--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#ffffff4d;--scrollbar-track:#ffffff0d;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em}[data-theme=light]{--color-bg:#f6f7fb;--color-surface:#fff;--color-surface-2:#f2f4f8;--color-text:#111827;--color-muted:#6b7280;--color-border:#00000014;--gradient-app:linear-gradient(180deg,#fff,#f6f7fb 60%,#fff)}body{background:radial-gradient(1200px 600px at 80% 40%,#ff7a001a 0,#ff7a0000 60%),radial-gradient(900px 500px at 10% 90%,#0ea5e91f 0,#0ea5e900 60%),linear-gradient(180deg,#0a0c11,#0d1016 60%,#0a0c11);background-attachment:fixed;color:#e8edf6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.h1{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.h1,.h2{color:#e8edf6;color:var(--color-text)}.h2{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.h3{font-size:18px;font-weight:700;letter-spacing:-.005em}.h3,.h4{color:#e8edf6;color:var(--color-text);line-height:1.4}.h4{font-size:16px;font-weight:600}.h5{font-size:14px}.h5,.h6{color:#e8edf6;color:var(--color-text);font-weight:600;line-height:1.5}.h6{font-size:13px}.muted{color:#aab4c5;color:var(--color-muted);font-weight:400}.text-sm{font-size:13px;line-height:1.5}.text-xs{font-size:11px;line-height:1.4}.text-lg{font-size:16px;line-height:1.5}.text-xl{font-size:18px;line-height:1.4}.container{margin:0 auto;max-width:100%;padding:24px}.grid{grid-gap:16px;display:grid;gap:16px}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.035),#ffffff05);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow);padding:16px;transition:all .2s ease}.card[onClick],.card[role=button],.card[style*="cursor: pointer"]{cursor:pointer}.card[onClick]:hover,.card[role=button]:hover,.card[style*="cursor: pointer"]:hover{background:linear-gradient(180deg,#ffffff0d,#ffffff08);border-color:#ff7a004d;box-shadow:0 6px 20px #00000040;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{align-items:center;border:1px solid #0000;display:inline-flex;gap:8px;padding:10px 14px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(180deg,#ff7a00,#e56f00);background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-600) 100%)}.btn-outline{border-color:#ffffff14;border-color:var(--color-border)}.btn-ghost,.btn-outline{background:#0000;color:#e8edf6;color:var(--color-text)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff7a004d;filter:brightness(1.1);transform:translateY(-1px)}.btn-outline:hover:not(:disabled){background:#ff7a0014;border-color:#ff7a0066;transform:translateY(-1px)}.btn-ghost:hover:not(:disabled){background:#ffffff0d;transform:translateY(-1px)}.input,.select{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:10px;color:#e8edf6;color:var(--color-text);outline:none;padding:10px 12px;width:100%}.input:focus,.select:focus{border-color:#ff7a0080;box-shadow:0 0 0 3px #ff7a001f}.select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(180deg,#ffffff08,#ffffff05),url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:0 0,right 12px center;background-repeat:no-repeat,no-repeat;background-size:auto,16px 16px;height:42px;padding-right:40px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.select:hover{background-color:#ffffff08;border-color:#ff7a0059}.select:disabled{cursor:not-allowed;opacity:.6}.select::-ms-expand{display:none}.select option{background:#131823;background:var(--color-surface);color:#e8edf6;color:var(--color-text)}.table{border-collapse:collapse;font-size:14px;width:100%}.table td,.table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--color-border);padding:12px}.table th{color:#aab4c5;color:var(--color-muted);font-weight:600;text-align:left}.table tr{transition:all .2s ease}.table tr[onClick],.table tr[role=button],.table tr[style*="cursor: pointer"]{cursor:pointer}.table tr:hover{background:#ffffff0a;transform:translateX(2px)}.table tr[onClick]:hover,.table tr[role=button]:hover,.table tr[style*="cursor: pointer"]:hover{background:#ff7a0014;border-left:2px solid #ff7a00;border-left:2px solid var(--color-primary)}@media (max-width:1024px){.app-header-inner{padding:10px 12px}.container{padding:16px}}@media (max-width:768px){body{padding-bottom:96px}.container{padding:12px}.grid{gap:12px}.card{border-radius:8px;border-radius:var(--radius-sm);padding:12px}.table{display:block;overflow-x:auto;white-space:nowrap}}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.badge.success{background:#22c55e26;color:#86efac}.badge.warning{background:#f59e0b26;color:#facc15}.badge.danger{background:#ef444426;color:#fca5a5}.app-header{-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:#131823;background:var(--color-surface);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.app-header-inner{gap:10px;height:40px;justify-content:space-between;padding:0 10px}.app-header-inner,.header-left{align-items:center;display:flex}.header-left{gap:12px}.brand-mark{background:linear-gradient(135deg,#ff7a00,#ff9d43);background:linear-gradient(135deg,var(--color-primary),#ff9d43);border-radius:6px;box-shadow:0 4px 12px #ff7a004d;height:18px;width:18px}.brand-name{font-weight:800;letter-spacing:.3px}.header-actions{align-items:center;display:flex;gap:8px}.avatar{background:#232a39;border-radius:50%;display:inline-block;height:28px;width:28px}.layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:260px 1fr}@media (max-width:1024px){.layout{grid-template-columns:1fr}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card[style*="cursor: pointer"],[onClick],[role=button],a:not([disabled]),button:not([disabled]),div[style*="cursor: pointer"]{cursor:pointer;transition:all .2s ease}[onClick]:hover:not([disabled]),[role=button]:hover:not([disabled]),a:not([disabled]):hover,button:not([disabled]):hover{opacity:.9}.admin-list-item,.list-item,[class*=ListItem],[class*=list-item]{cursor:pointer;transition:all .2s ease}.admin-list-item:hover,.list-item:hover,[class*=ListItem]:hover,[class*=list-item]:hover{background:#ff7a0014;border-left:2px solid #ff7a00;border-left:2px solid var(--color-primary);transform:translateX(2px)}@media print{.app-header,.avatar,.btn,.sidebar,.tabbar{display:none!important}body{background:#fff!important;color:#000!important}.card{border:1px solid #ddd!important;box-shadow:none!important}}*{scrollbar-color:#fff3 #ffffff0d;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{height:8px;height:var(--scrollbar-width);width:8px;width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:#ffffff0d;background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:#fff3;background:var(--scrollbar-thumb);border:2px solid #ffffff0d;border:2px solid var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background:var(--scrollbar-thumb-hover)}.desktop-rail .rail-list{scrollbar-width:none}.desktop-rail .rail-list::-webkit-scrollbar{display:none}.mobile-top-list{scrollbar-width:none}.mobile-top-list::-webkit-scrollbar{display:none}.loading-screen{align-items:center;background:var(--gradient-app);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-container{padding:2rem;text-align:center}.logo-container{margin-bottom:2rem}.logo{filter:drop-shadow(0 4px 8px rgba(246,149,36,.2));height:120px;object-fit:contain;width:120px}.loading-spinner{margin-bottom:1.5rem}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:var(--color-muted);font-size:1rem;font-weight:500;margin:0}.auth-form-container{align-items:center;display:flex;justify-content:center;padding:1rem}.auth-form{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:20px;box-shadow:var(--shadow);color:var(--color-text);max-width:600px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:var(--color-text);font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.auth-header p{color:var(--color-muted);font-size:1rem;margin:0}.form{gap:.9rem}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:.3rem}.form-group label{color:var(--color-muted);font-size:.85rem;font-weight:500;margin-left:30;text-align:start}.form-group input,.form-group select{background:var(--color-surface-2);border:2px solid #ffffff1f;border-radius:10px;color:var(--color-text);font-size:1rem;padding:.725rem .875rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f6952429;outline:none}.form-group input.error,.form-group select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.field-error{color:#fda4af;font-size:.8rem;margin-top:.25rem}.general-error{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#fecaca}.general-error,.success-message{font-size:.9rem;padding:.75rem 1rem;text-align:center}.success-message{background:#22c55e1f;border:1px solid #22c55e66;border-radius:8px;color:#bbf7d0;margin-bottom:.5rem}.btn{border:none;border-radius:999px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#f69524,#e8851a);box-shadow:0 4px 15px #f695244d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #f6952466;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;min-height:44px;min-width:120px;-webkit-user-select:none;user-select:none}@media (hover:none) and (pointer:coarse){.btn-primary:active:not(:disabled){opacity:.9;transform:scale(.98)}.form-group input:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus{font-size:16px}}.btn-secondary{background:#ffffff0f;border:2px solid #ffffff0f;color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#e6d4a8;border-color:#e6d4a8}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:#e8851a}.auth-footer{border-top:1px solid #ffffff14;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:var(--color-muted);font-size:.9rem;margin:0}@media (max-width:480px){.auth-form{margin:.5rem;padding:1.5rem}.auth-header h2{font-size:1.5rem}.form-group input,.form-group select{padding:.75rem .875rem}.btn{padding:.75rem 1.25rem}}.auth-form{animation:fadeIn .5s ease-out}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-page-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.auth-page-header{padding:2rem;text-align:center}.auth-page-header,.logo-section{align-items:center;display:flex;flex-direction:column}.logo-section{gap:1rem}.auth-logo{filter:drop-shadow(0 8px 16px rgba(246,149,36,.3));height:150px;object-fit:contain;width:150px}.logo-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f69524,#e8851a);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.logo-section p{color:var(--color-muted);font-size:1.1rem;font-weight:500;margin:0}.auth-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px}@media (max-width:768px){.auth-page-container{gap:2rem;grid-template-columns:1fr;text-align:center}.auth-page-header{order:2;padding:1rem}.auth-content{order:1}.auth-logo{height:120px;width:120px}.logo-section h1{font-size:2rem}.logo-section p{font-size:1rem}}@media (max-width:480px){.auth-page{padding:.5rem}.auth-page-container{gap:1.5rem}.auth-logo{height:100px;width:100px}.logo-section h1{font-size:1.8rem}}.telegram-section{margin-top:1.5rem}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:#e9ecef;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#666;font-size:.9rem;padding:0 1rem;position:relative;z-index:1}.telegram-toggle-btn{align-items:center;background:linear-gradient(135deg,#08c,#069);border:none;border-radius:12px;box-shadow:0 4px 15px #0088cc4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.telegram-toggle-btn:hover{box-shadow:0 6px 20px #08c6;transform:translateY(-2px)}.telegram-toggle-btn:active{transform:translateY(0)}.telegram-toggle-btn svg{flex-shrink:0}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-app);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}button{border:none;cursor:pointer;font-family:inherit}button,button:focus{outline:none}button:focus-visible{outline:none}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-600);text-decoration:underline}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.app-fixed-bg{background:var(--gradient-app);background-attachment:fixed;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}:root{--breakpoint-mobile-small:480px;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1280px;--breakpoint-desktop-wide:1536px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}.responsive-grid{grid-gap:16px;grid-gap:var(--gap-4,16px);display:grid;gap:16px;gap:var(--gap-4,16px)}@media (max-width:768px){.responsive-grid{gap:12px!important;gap:var(--gap-3,12px)!important;grid-template-columns:1fr!important}}.responsive-flex{display:flex;gap:12px;gap:var(--gap-3,12px)}@media (max-width:1024px){.responsive-flex[data-stack=tablet],.responsive-grid[data-stack=tablet]{flex-direction:column!important;grid-template-columns:1fr!important}}@media (max-width:768px){.responsive-flex{flex-direction:column!important;gap:8px!important;gap:var(--gap-2,8px)!important}}.stack-mobile{align-items:stretch;display:flex;gap:12px;gap:var(--stack-gap,12px)}@media (max-width:768px){.stack-mobile{flex-direction:column}}.grid-responsive{grid-gap:12px;grid-gap:var(--grid-gap,12px);display:grid;gap:12px;gap:var(--grid-gap,12px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-columns:var(--grid-desktop,repeat(2,minmax(0,1fr)))}@media (max-width:1024px){.grid-responsive{grid-template-columns:1fr;grid-template-columns:var(--grid-tablet,var(--grid-desktop,1fr))}}@media (max-width:768px){.grid-responsive{grid-template-columns:1fr;grid-template-columns:var(--grid-mobile,1fr)}}.horizontal-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}.horizontal-scroll::-webkit-scrollbar{height:4px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}@media (max-width:768px){.card,.container{padding:12px!important}.h1{font-size:22px!important}.h2{font-size:18px!important}.h3{font-size:16px!important}.grid-auto{grid-template-columns:1fr!important}.grid{gap:12px!important}}@media (max-width:480px){.container{padding:8px!important}.card{padding:10px!important}.h1{font-size:20px!important}.h2{font-size:16px!important}.h3{font-size:14px!important}.grid{gap:8px!important}}@media (max-width:420px){body{font-size:13px}.card{padding:10px!important}}@media (max-width:768px){.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-width:600px}.table-mobile-cards{display:block}.table-mobile-cards thead{display:none}.table-mobile-cards tbody{display:block}.table-mobile-cards tr{background:#ffffff05;border:1px solid var(--color-border);border-radius:8px;display:block;margin-bottom:12px;padding:12px}.table-mobile-cards td{border:none;display:block;padding:8px 0;text-align:left!important}.table-mobile-cards td:before{color:var(--color-muted);content:attr(data-label) ": ";font-weight:600;margin-right:8px}.form-grid{grid-template-columns:1fr!important}input,select,textarea{font-size:16px!important}button{min-height:44px!important;padding:12px 16px!important}.modal-content{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100%!important;width:100%!important}.modal-overlay{padding:0!important}.card-grid,.card-grid-2,.card-grid-3{grid-template-columns:1fr!important}.card-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.card-grid-4{grid-template-columns:1fr!important}}@media (max-width:768px){.action-buttons{flex-direction:column!important;gap:8px!important}.action-buttons button{width:100%!important}.filters-grid{grid-template-columns:1fr!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.chart-container{height:250px!important}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@media (max-width:768px){[role=button],a,button{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}.clickable,.page-content{padding:12px!important}}@media (max-width:480px){.hide-mobile-small{display:none!important}}.safe-area-padding{padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--safe-area-bottom))}@media (max-width:768px){.icon-large{font-size:20px!important}.badge-small{font-size:10px!important;padding:4px 6px!important}.list-item{padding:12px!important}.divider{margin:12px 0!important}}