:root{--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--accent:#7c5cfc;--accent-hover:#6b4ef0;--accent-subtle:#7c5cfc1a;--accent-border:#7c5cfc4d;--green:#22c55e;--green-subtle:#22c55e14;--green-border:#22c55e40;--green-text:#4ade80;--red:#ef4444;--red-subtle:#ef444414;--red-border:#ef444440;--red-text:#f87171;--amber:#f59e0b;--amber-subtle:#f59e0b14;--amber-border:#f59e0b40;--amber-text:#fbbf24;--sky:#38bdf8;--sky-subtle:#38bdf814;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.12s var(--ease);--t-base:.2s var(--ease);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--radius-full:var(--r-full);--transition-fast:var(--t-fast);--transition-normal:var(--t-base);--transition-slow:.3s var(--ease)}:root,[data-theme=dark],:root:not([data-theme=light]){--bg-app:#0c0c0d;--bg-sidebar:#111113;--bg-card:#18181b;--bg-card-solid:#18181b;--bg-card-hover:#1f1f23;--bg-input:#18181b;--bg-input-focus:#1f1f23;--bg-popover:#18181b;--bg-modal:#18181b;--border-color:#27272a;--border-color-hover:#3f3f46;--border-focus:var(--accent);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--text-inverse:#fff;--glass-blur:none;--glass-border:1px solid var(--border-color);--glass-shadow:0 4px 16px #0006;--card-shadow:0 1px 3px #0000004d;--modal-shadow:0 16px 48px #0009;--glow-shadow:0 0 0 3px var(--accent-subtle);--color-primary:var(--accent);--color-primary-hover:var(--accent-hover);--color-primary-glow:#7c5cfc26;--color-primary-hue:258;--color-primary-sat:95%;--color-success:var(--green);--color-success-hover:#16a34a;--color-success-glow:var(--green-subtle);--color-danger:var(--red);--color-danger-hover:#dc2626;--color-danger-glow:var(--red-subtle);--color-warning:var(--amber);--color-warning-hover:#d97706;--color-warning-glow:var(--amber-subtle);--color-info:var(--sky)}[data-theme=light]{--bg-app:#f4f4f5;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-solid:#fff;--bg-card-hover:#fafafa;--bg-input:#fafafa;--bg-input-focus:#fff;--bg-popover:#fff;--bg-modal:#fff;--border-color:#e4e4e7;--border-color-hover:#a1a1aa;--border-focus:var(--accent);--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--text-inverse:#fff;--glass-blur:none;--glass-border:1px solid var(--border-color);--glass-shadow:0 4px 16px #0000000f;--card-shadow:0 1px 3px #00000012;--modal-shadow:0 16px 48px #0000001f;--glow-shadow:0 0 0 3px #7c5cfc26;--color-primary:var(--accent);--color-primary-hover:var(--accent-hover);--color-primary-glow:#7c5cfc1f;--color-primary-hue:258;--color-primary-sat:95%;--color-success:#16a34a;--color-success-hover:#166534;--color-success-glow:#16a34a1a;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-glow:#dc26261a;--color-warning:#d97706;--color-warning-hover:#b45309;--color-warning-glow:#d977061a;--color-info:#0284c7}[data-accent=Mavi]{--accent:#3b82f6;--accent-hover:#2563eb;--accent-subtle:#3b82f61a;--accent-border:#3b82f64d;--color-primary-hue:217;--color-primary-sat:91%}[data-accent=Yeşil]{--accent:#22c55e;--accent-hover:#16a34a;--accent-subtle:#22c55e1a;--accent-border:#22c55e4d;--color-primary-hue:142;--color-primary-sat:71%}[data-accent=Turuncu]{--accent:#f97316;--accent-hover:#ea6c0a;--accent-subtle:#f973161a;--accent-border:#f973164d;--color-primary-hue:24;--color-primary-sat:95%}[data-accent=Kırmızı]{--accent:#ef4444;--accent-hover:#dc2626;--accent-subtle:#ef44441a;--accent-border:#ef44444d;--color-primary-hue:0;--color-primary-sat:84%}[data-accent=Mor]{--accent:#7c5cfc;--accent-hover:#6b4ef0;--accent-subtle:#7c5cfc1a;--accent-border:#7c5cfc4d;--color-primary-hue:258;--color-primary-sat:95%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseBorder{0%{box-shadow:0 0 #ef444459}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.animate-fade-in{animation:fadeIn var(--t-base) forwards}.animate-scale-in{animation:scaleIn var(--t-base) forwards}.animate-slide-up{animation:slideUp var(--t-base) forwards}.animate-slide-in-right{animation:slideInRight var(--t-base) forwards}.animate-pulse-border{animation:2s infinite pulseBorder}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--accent);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.app-container{background-color:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;flex-shrink:0;width:240px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;height:56px;padding:0 20px;display:flex}.sidebar-logo{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:9px;font-size:1rem;font-weight:700;display:flex}.sidebar-logo svg,.sidebar-logo .icon{color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.sidebar-item{border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), transform var(--t-fast);align-items:center;gap:10px;padding:8px 12px;font-size:.875rem;font-weight:500;display:flex;position:relative}.sidebar-item svg{transition:transform var(--t-fast), color var(--t-fast)}.sidebar-item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-item:hover svg{transform:scale(1.08)}.sidebar-item.active{color:var(--text-primary);background:#7c5cfc14;font-weight:600}.sidebar-item.active:before{content:"";background:var(--accent);border-radius:0 var(--r-full) var(--r-full) 0;width:3px;height:60%;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.sidebar-item.active svg{color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:6px;padding:12px;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border-color);background-color:var(--bg-app);z-index:9;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex}.header-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.9rem;font-weight:600}.header-actions{align-items:center;gap:10px;display:flex}.page-body{flex:1;padding:28px;overflow-y:auto}.grid-cols-1{grid-template-columns:repeat(1,1fr);gap:16px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1280px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.page-body{padding:16px}.header{padding:0 16px}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);padding:20px;position:relative}.card-hover:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 10px 30px #00000040}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:inline-flex}.card-title svg{color:var(--accent);flex-shrink:0}.card-value{color:var(--text-primary);letter-spacing:-.04em;margin-bottom:6px;font-size:2rem;font-weight:700;line-height:1}.card-subvalue{color:var(--text-muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.btn{border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);white-space:nowrap;font-size:.85rem;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 14px;line-height:1;display:inline-flex}.btn svg{transition:transform var(--t-fast)}.btn:hover svg{transform:scale(1.08)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);color:var(--text-primary)}.btn-danger{background:var(--red-subtle);border-color:var(--red-border);color:var(--red-text)}.btn-danger:hover{background:#ef444426}.btn-success{background:var(--green-subtle);border-color:var(--green-border);color:var(--green-text)}.btn-success:hover{background:#22c55e26}.btn-icon{border-radius:var(--r-md);width:34px;height:34px;padding:0}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.8rem;font-weight:600}.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--r-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:9px 12px;font-size:.9rem}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);background:var(--bg-input-focus)}.form-control::placeholder{color:var(--text-muted)}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background:var(--border-color-hover);cursor:pointer;transition:background var(--t-fast);border-radius:24px;position:absolute;inset:0}.slider:before{content:"";width:16px;height:16px;transition:transform var(--t-fast);background:#fff;border-radius:50%;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #0000004d}input:checked+.slider{background:var(--accent)}input:checked+.slider:before{transform:translate(20px)}.badge{border-radius:var(--r-full);border:1px solid;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{background:var(--green-subtle);color:var(--green-text);border-color:var(--green-border)}.badge-danger{background:var(--red-subtle);color:var(--red-text);border-color:var(--red-border)}.badge-warning{background:var(--amber-subtle);color:var(--amber-text);border-color:var(--amber-border)}.badge-info{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--r-xl);box-shadow:var(--modal-shadow);width:100%;max-width:520px;max-height:90vh;animation:scaleIn var(--t-base) forwards;flex-direction:column;display:flex;overflow:hidden}.modal-content.large{max-width:780px}.modal-content.small{max-width:400px}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-body{flex:1;padding:22px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;padding:4px;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tabs{border-bottom:1px solid var(--border-color);gap:0;margin-bottom:22px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:color var(--t-fast);font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;padding:10px 16px;position:relative}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-primary);font-weight:600}.tab-btn.active:after{content:"";background:var(--accent);border-radius:var(--r-full) var(--r-full) 0 0;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--r-lg);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);min-width:280px;max-width:360px;animation:slideInRight var(--t-base) forwards;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;display:flex;box-shadow:0 8px 32px #0006}.toast-success{border-left:3px solid var(--green)}.toast-danger{border-left:3px solid var(--red)}.toast-warning{border-left:3px solid var(--amber)}.toast-info{border-left:3px solid var(--accent)}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-full{width:100%}.m-0{margin:0}.text-right{text-align:right}.cursor-pointer{cursor:pointer}.table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:0;overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.inventory-table{border-collapse:collapse;text-align:left;width:100%}.inventory-table th,.inventory-table td{border-bottom:1px solid var(--border-color);padding:14px 18px}.inventory-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background-color:var(--bg-app);-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:750}.inventory-row{cursor:pointer;transition:background-color .2s,transform .15s}.inventory-row:hover{background-color:var(--bg-card-hover)}.inventory-row.active-row{box-shadow:inset 3px 0 0 var(--accent);background-color:var(--accent-subtle)!important}.empty-table-state{text-align:center;color:var(--text-muted);padding:48px;font-size:.88rem}.actions-cell{justify-content:flex-end;gap:8px;display:flex}.row-action-btn{background:var(--bg-input);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.row-action-btn svg{transition:transform var(--t-fast)}.row-action-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);transform:scale(1.05)}.row-action-btn:hover svg{transform:scale(1.1)}.row-action-btn.edit:hover{color:var(--accent);border-color:var(--accent-border)}.row-action-btn.delete:hover{color:var(--color-danger);border-color:var(--color-danger-glow)}