@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}@property --brand-primary{syntax: "<color>"; inherits: true; initial-value: #14b8a6;}@property --brand-glow{syntax: "<string>"; inherits: true; initial-value: "0 0 15px rgba(20, 184, 166, 0.3)";}:root{transition:--brand-primary .4s ease;--ink-0: #020408;--ink-1: #050812;--ink-2: #0a0f1d;--ink-3: #0f172a;--ink-4: #1e293b;--ink-5: #334155;--z-negative: -1;--z-base: 0;--z-rail: 200;--z-sticky: 500;--z-overlay: 10000;--z-modal: 11000;--z-toast: 99999;--z-loading: 100000;--amber: #3b82f6;--amber-dim: rgba(59, 130, 246, .12);--amber-glow: 0 0 25px rgba(59, 130, 246, .4);--teal: #10b981;--teal-dim: rgba(16, 185, 129, .12);--teal-glow: 0 0 25px rgba(16, 185, 129, .35);--indigo: #8b5cf6;--indigo-dim: rgba(139, 92, 246, .12);--brand-gradient: linear-gradient(135deg, #3b82f6 0%, #10b981 100%);--brand-gradient-r: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--brand-primary: #3b82f6;--brand-secondary: #10b981;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--success-dim: rgba(16, 185, 129, .12);--warning-dim: rgba(245, 158, 11, .12);--danger-dim: rgba(239, 68, 68, .12);--info-dim: rgba(59, 130, 246, .12);--font-main: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--border-accent: rgba(59, 130, 246, .3);--shadow-xs: 0 1px 3px rgba(0,0,0,.5);--shadow-sm: 0 2px 10px rgba(0,0,0,.6);--shadow-md: 0 4px 20px rgba(0,0,0,.6);--shadow-lg: 0 8px 40px rgba(0,0,0,.7);--shadow-xl: 0 20px 80px rgba(0,0,0,.8);--shadow-glow: var(--teal-glow);--surface: var(--ink-2);--surface-raised: var(--ink-3);--input-focus-bg: rgba(5, 8, 18, .6);--r-xs: 2px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 24px;--r-pill: 100px;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-2xl: var(--r-2xl);--shadow-glow-cyan: var(--teal-glow);--ease-out: cubic-bezier(.19, 1, .22, 1);--ease-in: cubic-bezier(.95, .05, .795, .035);--ease-inout: cubic-bezier(1, 0, 0, 1);--t-fast: .1s var(--ease-out);--t-normal: .2s var(--ease-out);--t-slow: .5s var(--ease-out);--transition-fast: var(--t-fast);--transition-normal: var(--t-normal);--transition-slow: var(--t-slow);--bg-color: var(--ink-1);--bg-surface: var(--ink-2);--bg-card: var(--ink-3);--text-primary: #ffffff;--text-secondary:#94a3b8;--text-muted: #475569;--glass-bg: rgba(10, 15, 29, .7);--glass-bg-light: rgba(255, 255, 255, .8);--glass-bg-dark: rgba(10, 15, 29, .7);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(0,0,0,.12);--glass-border-dark: rgba(255, 255, 255, .1);--glass-blur: 40px;--glass-reflection-light: linear-gradient(135deg, rgba(255,255,255,.3) 0%, transparent 50%);--glass-reflection-dark: linear-gradient(135deg, rgba(255,255,255,.06) 0%, transparent 40%);--input-bg: rgba(2, 4, 8, .4);--input-text: var(--text-primary);--input-border: var(--border-strong);--input-focus: var(--brand-primary);--cursor-color: var(--brand-primary);--dropdown-bg: var(--ink-2);--cancel-bg: var(--ink-3)}[data-theme=light]{--ink-0: #e8ecf4;--ink-1: #f0f4f8;--ink-2: #f8fafc;--ink-3: #ffffff;--ink-4: #f1f5f9;--ink-5: #e2e8f0;--border: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .12);--bg-color: var(--ink-1);--bg-surface: var(--ink-2);--bg-card: var(--ink-3);--text-primary: #0f172a;--text-secondary:#334155;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .85);--glass-border: var(--border);--input-bg: #ffffff;--input-text: #0f172a;--input-border: rgba(0,0,0,.12);--input-focus: var(--teal);--input-focus-bg: #ffffff;--cursor-color: var(--teal);--dropdown-bg: #ffffff;--cancel-bg: #f1f5f9;--shadow-xs: 0 1px 3px rgba(0,0,0,.08);--shadow-sm: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.14);--amber-glow: 0 0 20px rgba(245, 158, 11, .15);--teal-glow: 0 0 20px rgba(20, 184, 166, .15)}[data-theme=dark] .glass-panel:before{background:var(--glass-reflection-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;overflow-x:hidden;max-width:100vw;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;max-width:100vw;transition:background-color .3s ease,color .3s ease;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:28px 28px;background-attachment:fixed}h1{font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.15}h2{font-size:1.5rem;font-weight:700;letter-spacing:-.3px}h3{font-size:1.15rem;font-weight:700}h4{font-size:.95rem;font-weight:600}p{color:var(--text-secondary)}code,kbd,pre{font-family:var(--font-mono);font-size:.88rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 8px #14b8a626}50%{box-shadow:0 0 24px #14b8a666}to{box-shadow:0 0 8px #14b8a626}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.animate-float{animation:float 6s ease-in-out infinite}.animate-fade-in{animation:fade-in var(--t-normal) forwards}.glow-hover:hover{animation:pulse-glow 2s infinite}@media(max-width:1024px){html{font-size:14px}}@media(max-width:768px){html{font-size:13px;overflow-x:hidden!important}body{overflow-x:hidden!important;width:100vw;background-image:none}*,*:before,*:after{max-width:100%}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.main-content{padding:1rem .85rem!important;max-width:100vw!important;overflow-x:hidden!important}.glass-panel{max-width:100%!important}}@media(max-width:480px){html{font-size:12px}}@media(max-width:900px){.auth-page{flex-direction:column!important;height:auto!important;min-height:100vh}.auth-left{width:100%!important;flex:none!important;height:auto!important;position:relative!important;border-right:none!important;overflow:visible!important;padding:2.5rem 2rem!important}.auth-right{height:100vh!important;padding:2rem!important}}@media(max-width:768px){.hero-title{font-size:2.2rem!important}.hero-subtitle{font-size:1rem!important}}@media(max-width:480px){.auth-left{padding:2rem 1.25rem!important}.hero-title{font-size:1.8rem!important}}.uppercase{text-transform:uppercase!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.text-primary{color:var(--text-primary)!important}.text-amber{color:var(--amber)!important}.text-teal{color:var(--teal)!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.responsive-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.responsive-flex-wrap{display:flex;flex-wrap:wrap;gap:1rem}.mobile-full-width{width:100%}@media(max-width:768px){.responsive-split{grid-template-columns:1fr!important}.responsive-modal{width:95%!important;max-width:none!important;padding:1.5rem 1rem!important;margin:1rem auto;height:auto!important;max-height:90vh!important;overflow-y:auto}.mobile-hide{display:none!important}.responsive-flex-wrap{flex-direction:column!important;align-items:stretch!important}}.table-compact th{font-size:.72rem!important;padding:.5rem .75rem!important}.table-compact td{font-size:.82rem!important;padding:.5rem .75rem!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--teal)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 45%);pointer-events:none;opacity:1;border-radius:inherit}[data-theme=light] .glass-panel:before{background:var(--glass-reflection-light)}.df-card{background:var(--ink-3);border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;transition:border-color var(--t-normal),box-shadow var(--t-normal),transform var(--t-normal);position:relative}[data-theme=light] .df-card{background:var(--ink-3);box-shadow:var(--shadow-sm)}.df-card:hover{border-color:#3b82f64d;box-shadow:0 0 0 1px #3b82f633,var(--shadow-lg);transform:translateY(-2px)}.df-card--amber:hover{border-color:#f59e0b59}.df-card--teal:hover{border-color:#14b8a659}.glass-card{background:var(--ink-3);border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;transition:var(--t-normal);box-shadow:var(--shadow-sm)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #3b82f633,var(--shadow-lg);border-color:#3b82f64d}.stat-card{background:var(--ink-3);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:var(--t-normal);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--brand-gradient);border-radius:var(--r-xs) 0 0 var(--r-xs);opacity:0;transition:opacity var(--t-normal)}.stat-card:hover:after{opacity:1}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-card__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.stat-card__value{font-size:1.8rem;font-weight:800;color:var(--text-primary);letter-spacing:-1px;line-height:1}.stat-card__delta{font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.stat-card__delta--up{color:var(--success)}.stat-card__delta--down{color:var(--danger)}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;Border:none;border-radius:var(--r-sm);font-family:var(--font-main);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--t-fast);white-space:nowrap;letter-spacing:.2px;background:var(--ink-4);color:var(--text-primary);border:1px solid var(--border-strong)}.glass-btn:hover:not(:disabled){background:var(--ink-5);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.glass-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.glass-btn:disabled{opacity:.45;cursor:not-allowed}.glass-btn.btn-primary,.btn-primary{background:var(--brand-gradient);color:#fff;border:none;box-shadow:0 4px 14px var(--brand-glow)}.glass-btn.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 20px var(--brand-glow)}.btn-amber{background:var(--amber);color:#0a0d14;border:none;font-weight:700;box-shadow:0 4px 14px #f59e0b4d}.btn-amber:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 6px 20px #f59e0b73;transform:translateY(-1px)}.glass-btn.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.glass-btn.btn-ghost:hover{background:var(--ink-4);color:var(--text-primary)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-icon{padding:.55rem;width:36px;height:36px;border-radius:var(--r-sm)}.glass-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-sm);padding:.7rem 1rem;color:var(--input-text);caret-color:var(--cursor-color);font-family:var(--font-main);font-size:.9rem;width:100%;outline:none;transition:var(--t-fast)}.glass-input::placeholder{color:var(--text-muted);opacity:.7}.glass-input:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f626;background:var(--input-focus-bg)}.glass-input:hover:not(:focus){border-color:var(--border-strong)}select.glass-input{background:var(--dropdown-bg);color:var(--input-text);cursor:pointer}select.glass-input option{background:var(--dropdown-bg);color:var(--input-text)}@media(max-width:768px){.glass-input{font-size:16px!important}}.df-table{width:100%;border-collapse:collapse;font-size:.875rem}.df-table thead tr{border-bottom:1px solid var(--border-strong)}.df-table th{padding:.7rem 1rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.df-table td{padding:.8rem 1rem;color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle;line-height:1.4}.df-table tbody tr:last-child td{border-bottom:none}.df-table tbody tr{transition:background var(--t-fast)}.df-table tbody tr:hover,[data-theme=light] .df-table tbody tr:hover{background:var(--ink-4)}.table-compact th{font-size:.68rem!important;padding:.45rem .75rem!important}.table-compact td{font-size:.8rem!important;padding:.5rem .75rem!important}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--r-pill);font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-amber{background:var(--amber-dim);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-teal{background:var(--teal-dim);color:#5eead4;border:1px solid rgba(20,184,166,.2)}.badge-success{background:var(--success-dim);color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-danger{background:var(--danger-dim);color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-info{background:var(--info-dim);color:#93c5fd;border:1px solid rgba(59,130,246,.2)}.badge-neutral{background:var(--ink-4);color:var(--text-secondary);border:1px solid var(--border)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.section-title{font-size:.95rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.6rem}.section-title:before{content:"";display:block;width:3px;height:1.1em;background:var(--brand-gradient);border-radius:var(--r-pill);flex-shrink:0}.df-modal-overlay{position:fixed;inset:0;background:#050812bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);padding:1rem;animation:fade-in .2s ease}.df-modal{background:var(--ink-2);border:1px solid var(--border-strong);border-radius:var(--r-xl);padding:2rem;width:fit-content;min-width:340px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slide-up .25s var(--ease-out);box-shadow:var(--shadow-xl)}.df-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.df-modal__title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.df-modal__close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:var(--r-xs);transition:var(--t-fast)}.df-modal__close:hover{color:var(--text-primary);background:var(--ink-4)}.df-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.responsive-modal{width:fit-content;min-width:340px;max-width:95vw;border-radius:var(--r-lg)}@media(max-width:768px){.df-modal{max-width:100%;border-radius:var(--r-lg);padding:1.5rem}}.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.6rem;pointer-events:none;max-width:360px;width:calc(100vw - 2rem)}.toast{padding:.9rem 1.25rem;border-radius:var(--r-md);background:var(--ink-2);border:1px solid var(--border-strong);box-shadow:var(--shadow-xl);color:var(--text-primary);display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;animation:toast-in .3s var(--ease-out) forwards;pointer-events:auto;overflow:hidden;position:relative}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.toast.success:before{background:var(--success)}.toast.error:before{background:var(--danger)}.toast.warning:before{background:var(--warning)}.toast.info:before{background:var(--info)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-hint{font-size:.72rem;color:var(--text-muted);margin-top:.25rem}.form-error{font-size:.78rem;color:var(--danger);display:flex;align-items:center;gap:.3rem;margin-top:.25rem}.df-divider{height:1px;background:var(--border);margin:1.25rem 0}.df-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.df-empty__icon{font-size:2.5rem;opacity:.5}.df-empty__title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.df-empty__desc{font-size:.85rem;max-width:280px}.df-skeleton{background:linear-gradient(90deg,var(--ink-3) 25%,var(--ink-4) 50%,var(--ink-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-md)}.responsive-table-wrapper table{min-width:640px}.no-scroll{overflow:hidden!important}.df-accent-bar{width:3px;height:100%;background:var(--brand-gradient);border-radius:var(--r-pill);flex-shrink:0}[data-theme=light] .df-card,[data-theme=light] .glass-card,[data-theme=light] .stat-card{box-shadow:var(--shadow-sm)}[data-theme=light] .glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=light] .df-table tbody tr:hover{background:#f8fafc}[data-theme=light] .toast,[data-theme=light] .df-modal{background:#fff}.pos-products-column{height:100%;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column}.pos-search-header{margin-bottom:1.25rem}.pos-search-input{width:100%;font-size:1.1rem;padding:1rem 1.5rem;border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.pos-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;padding-bottom:2rem}.pos-category-title{grid-column:1 / -1;padding:2rem .5rem .75rem;font-size:.8rem;font-weight:800;border-bottom:1px solid var(--border);color:var(--brand-primary);text-transform:uppercase;letter-spacing:1.5px}.pos-product-card{padding:1.25rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:140px}.pos-product-name{font-size:.9rem;font-weight:700;line-height:1.3;color:var(--text-primary)}.pos-product-price{font-weight:800;color:var(--brand-primary);font-size:1.1rem}.pos-product-stock{font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--ink-4);padding:.2rem .6rem;border-radius:var(--r-pill);margin-top:.25rem}.pos-cart-column{display:flex;flex-direction:column;padding:1.5rem;height:100%;border-left:1px solid var(--border)}.pos-cart-title{border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1rem}.pos-cart-items{flex:1;overflow-y:auto;margin-bottom:1.5rem;padding-right:.4rem;display:flex;flex-direction:column;gap:.75rem}.pos-cart-item{display:flex;justify-content:space-between;align-items:center;background:var(--ink-4);padding:1rem;border-radius:var(--r-md);border:1px solid var(--border);transition:var(--t-fast)}.pos-cart-item:hover{border-color:var(--border-strong);background:var(--ink-5)}.pos-cart-item-info{flex:1}.pos-cart-item-name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.pos-cart-item-serials{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.pos-sn-tag{font-size:.65rem;font-family:var(--font-mono);background:var(--ink-2);border:1px solid var(--border-strong);padding:.15rem .5rem;border-radius:var(--r-xs);color:var(--brand-primary)}.pos-cart-item-meta{display:flex;align-items:center;gap:1rem}.pos-qty-controls{display:flex;align-items:center;gap:.75rem;background:var(--ink-2);padding:.25rem;border-radius:var(--r-sm);border:1px solid var(--border)}.pos-qty-btn{width:24px;height:24px;border:none;background:var(--ink-3);color:var(--text-primary);border-radius:var(--r-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:800;transition:var(--t-fast)}.pos-qty-btn:hover{background:var(--brand-primary);color:#fff}.pos-qty-value{font-size:.9rem;font-weight:800;min-width:20px;text-align:center}.pos-item-price-info{font-weight:700;color:var(--text-primary)}.pos-price-type{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-left:.5rem}.pos-cart-footer{border-top:2px solid var(--border);padding-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.pos-total-row{display:flex;justify-content:space-between;align-items:center;font-size:1.75rem;font-weight:950;color:var(--text-primary);letter-spacing:-1px}.pos-total-row span:last-child{color:var(--brand-primary)}.pos-checkout-btn{width:100%;padding:1.25rem;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.pos-checkout-grid{display:grid;grid-template-columns:1.2fr 1.1fr;gap:2.5rem;margin-top:2rem}@media(max-width:1024px){.pos-checkout-grid{grid-template-columns:1fr;gap:2rem}}.pos-payment-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--ink-4);border:1px solid var(--border-strong);border-radius:var(--r-lg)}.pos-payment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.pos-payment-option{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--ink-3);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:var(--t-fast)}.pos-payment-option:hover{border-color:var(--brand-primary)}.pos-payment-option.active{background:var(--brand-dim);border-color:var(--brand-primary)}.pos-summary-box{background:var(--ink-4);padding:1.5rem;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border-strong)}.pos-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary)}.pos-summary-row.total{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border);font-size:1.5rem;font-weight:900;color:var(--text-primary)}.pos-adjustment-input-wrapper .glass-input{width:100px;text-align:right}.pos-loyalty-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--ink-2);border:1px dashed var(--border-strong);border-radius:var(--r-md);margin:.5rem 0}.pos-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-primary)}.pos-loyalty-value{color:var(--brand-primary);font-weight:800}.pos-tax-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--ink-2);border-radius:var(--r-md);margin-top:.5rem}.pos-summary-row.small{font-size:.75rem;opacity:.8}.pos-tax-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--brand-primary);cursor:pointer;margin-top:.5rem}.pos-confirm-sale-btn{height:4rem;font-size:1.25rem;font-weight:950;letter-spacing:2px;margin-top:1rem}.glass-input.danger{border-color:var(--danger);color:var(--danger)}.form-label.danger{color:var(--danger)}.pos-search-result-item:last-child{border-bottom:none}.quotation-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;align-items:start}.quotation-product-card{width:200px;height:auto}.pos-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.pos-selection-btn{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding:1.5rem 1rem!important;text-align:center!important;align-items:center!important;justify-content:center!important;height:auto!important;border-radius:var(--r-lg)!important}.pos-selection-btn span{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.pos-selection-btn b{font-size:1.15rem;font-weight:800}.pos-serial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;max-height:350px;overflow-y:auto;padding:.5rem;margin-top:1rem}.pos-serial-btn{padding:.75rem!important;font-family:var(--font-mono);font-size:.8rem!important}.search-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--ink-2);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-xl);z-index:1000;max-height:200px;overflow-y:auto;animation:fade-in .15s ease}.dropdown-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--t-fast),color var(--t-fast);font-size:.9rem;color:var(--text-primary)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--brand-dim);color:var(--brand-primary)}.badge-red{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge-yellow{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-teal{background:var(--brand-primary-dim);color:var(--brand-primary);border:1px solid rgba(20,184,166,.1)}.badge-primary{background:var(--brand-primary-dim);color:var(--brand-primary);border:1px solid var(--brand-primary-dim)}.badge-warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-ghost{background:var(--ink-4);color:var(--text-secondary);border:1px solid var(--border)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes loading-slide{0%{left:-40%}to{left:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:1000!important;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:1003!important;will-change:transform}.react-grid-placeholder{background:var(--brand-dim)!important;border-radius:var(--r-md)!important;opacity:.5!important;transition-duration:.1s;z-index:2!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-resizable-handle{position:absolute;width:24px;height:24px;bottom:4px;right:4px;cursor:se-resize;z-index:10;opacity:0;transition:opacity .2s ease}.react-resizable-handle:after{content:"";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:3px solid var(--brand-primary);border-bottom:3px solid var(--brand-primary);opacity:.5}.react-grid-item:hover .react-resizable-handle{opacity:1}.dashboard-widget-container{height:100%;width:100%;display:flex;flex-direction:column}.dashboard-widget-content{flex:1;min-height:0;overflow-y:auto}.inventory-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inv-alert-card{background:var(--ink-4);padding:.75rem;border-radius:var(--r-md);border-left:4px solid transparent}.inv-alert-card.danger{border-left-color:var(--danger)}.inv-alert-card.warning{border-left-color:var(--warning)}.inv-alert-card.success{border-left-color:var(--success)}.inv-alert-card__top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem}.inv-alert-card__val{font-size:1.25rem;font-weight:800;color:var(--text-primary)}