@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--transition:all .3s cubic-bezier(.4,0,.2,1);--danger:#ef4444;--primary-hover:#4f46e5;--glass-blur:blur(16px) saturate(180%);--success:#10b981;--primary:#6366f1;--warning:#f59e0b;--depo:#22c55e;--accent:#f43f5e;--operasyon:#8b5cf6}[data-theme=dark]{--input-bg:#0f172a;--card-bg:rgba(23,32,53,.8);--glass:var(--glass-blur);--text-muted:#94a3b8;--text:#f1f5f9;--border:hsla(0,0%,100%,.08);--bg:#0b0f1a}[data-theme=light]{--input-bg:#fff;--card-bg:hsla(0,0%,100%,.8);--glass:blur(12px) saturate(150%);--text-muted:#475569;--text:#0f172a;--border:rgba(0,0,0,.08);--bg:#f8fafc}*{padding:0;box-sizing:border-box;margin:0;font-family:Outfit,sans-serif}body{min-height:100vh;overflow-x:hidden;color:var(--text);transition:background-color .3s ease,color .3s ease;background-color:var(--bg);background-image:radial-gradient(at 0 0,rgba(99,102,241,.05) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(244,63,94,.03) 0,transparent 50%),radial-gradient(at 50% 50%,rgba(16,185,129,.03) 0,transparent 50%)}.app-container{padding:1.5rem;max-width:1300px;margin:0 auto}.glass-card{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);padding:1.5rem;border:1px solid var(--border);transition:var(--transition);box-shadow:0 10px 40px -10px #0003;border-radius:20px;background:var(--card-bg)}.nav{padding:.5rem;margin-bottom:2rem;gap:.75rem;border-radius:12px;background:#ffffff08;width:fit-content;display:flex}.nav-link{padding:.6rem 1.25rem;font-size:.95rem;border:none;text-decoration:none;font-weight:600;color:var(--text-muted);transition:all .2s;border-radius:10px;background:transparent;cursor:pointer}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link.active{color:#fff;box-shadow:0 4px 12px #6366f14d;background:var(--primary)}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.product-card{height:100%;flex-direction:column;display:flex}.product-card:hover{border-color:#6366f14d;transform:translateY(-5px);box-shadow:0 20px 40px -12px #0009}.btn{padding:.75rem 1.25rem;justify-content:center;font-size:.9rem;border:none;font-weight:600;transition:all .2s;gap:.5rem;align-items:center;border-radius:12px;cursor:pointer;display:inline-flex}.btn-primary{color:#fff;background:var(--primary)}.btn-primary:active{transform:scale(.95)}.badge{padding:.35rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:8px}.badge-warning{border:1px solid rgba(245,158,11,.2);color:#fbbf24;background:#f59e0b26}.badge-danger{border:1px solid rgba(239,68,68,.2);color:#f87171;background:#ef444426}.badge-success{border:1px solid rgba(34,197,94,.2);color:#4ade80;background:#22c55e26}table{border-collapse:separate;border-spacing:0 .5rem;width:100%}th{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;text-align:left}td,th{padding:1rem}td{background:#ffffff05}td:first-child{border-radius:12px 0 0 12px}td:last-child{border-radius:0 12px 12px 0}input,select{padding:.75rem 1rem;font-size:.95rem;border:1px solid var(--border);transition:var(--transition);outline:none;border-radius:12px}input,select,select option{color:var(--text);background:var(--input-bg)}select option{padding:.5rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f126;background:var(--input-bg)}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;position:fixed;inset:0;align-items:center;background:#020617d9;display:flex;z-index:2000}.modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);padding:2.5rem;max-width:650px;width:95%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.role-tag{padding:.4rem 1rem;font-size:.75rem;font-weight:800;letter-spacing:1px;border-radius:999px}.role-operasyon{color:#fff;box-shadow:0 4px 12px #8b5cf64d;background:var(--operasyon)}.role-depo{color:#fff;box-shadow:0 4px 12px #22c55e4d;background:var(--depo)}.cart-icon{height:48px;justify-content:center;transition:all .2s;position:relative;align-items:center;border-radius:12px;background:#ffffff0d;cursor:pointer;width:48px;display:flex}.cart-icon:hover{background:#ffffff1a}.cart-count{height:22px;justify-content:center;font-size:.7rem;border:2px solid var(--bg);font-weight:800;right:-8px;color:#fff;position:absolute;min-width:22px;top:-8px;border-radius:50%;background:var(--accent)}.cart-count,.qty-control{align-items:center;display:flex}.qty-control{padding:.25rem .5rem;gap:.75rem;border-radius:8px;background:#0003}.qty-btn{height:24px;justify-content:center;border:none;font-weight:700;color:#fff;align-items:center;border-radius:6px;background:#ffffff1a;cursor:pointer;width:24px;display:flex}.qty-btn:hover{background:#fff3}@media(max-width:768px){.app-container{padding:1rem}.nav{justify-content:center;flex-wrap:wrap;gap:.5rem;width:100%}.nav-link{flex:1 1 45%;padding:.5rem;font-size:.85rem;text-align:center}.glass-card{padding:1rem}.grid{grid-template-columns:1fr;gap:1rem}table{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;white-space:nowrap;display:block}td,th{padding:.75rem}.modal-content{overflow-y:auto;padding:1.5rem;max-width:none;max-height:90vh;margin:1rem;width:calc(100% - 2rem)}input,select{width:100%}}