:root{--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Sora", "Inter", sans-serif;--bg: #2b2926;--bg-2: #302e2a;--surface: #38352f;--surface-2: #423e37;--surface-3: #4d4840;--card-bg: var(--surface);--text: #f6f4f1;--text-muted: #bcb6ac;--text-dim: #8d877d;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .17);--primary: #10b981;--primary-bright: #34d399;--primary-soft: rgba(16, 185, 129, .13);--gold: #f0b429;--gold-soft: rgba(240, 180, 41, .13);--success: #34d399;--danger: #f76d5e;--danger-soft: rgba(247, 109, 94, .13);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .5);--shadow: 0 14px 36px -14px rgba(0, 0, 0, .7);--shadow-glow: 0 12px 40px -12px rgba(16, 185, 129, .35);--radius: 18px;--radius-sm: 12px;--sidebar-width: 264px;--field-bg: rgba(0, 0, 0, .16)}[data-theme=koyu]{--bg: #1b1714;--bg-2: #221d18;--surface: #272019;--surface-2: #322a21;--surface-3: #3c3328}[data-theme=acik]{--bg: #47433c;--bg-2: #4e4a42;--surface: #534e46;--surface-2: #5f594f;--surface-3: #6b645a;--text: #fbfaf8;--text-muted: #d9d3c9;--text-dim: #aaa399;--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24)}[data-theme=aydinlik]{--bg: #eceae4;--bg-2: #f3f1ec;--surface: #ffffff;--surface-2: #f6f4ef;--surface-3: #edeae3;--text: #25221d;--text-muted: #6b6359;--text-dim: #9a9288;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--field-bg: rgba(0, 0, 0, .05);--primary: #0f9d6e;--primary-bright: #0a8159;--primary-soft: rgba(15, 157, 110, .13);--gold: #b07c10;--gold-soft: rgba(176, 124, 16, .14);--success: #0f9d6e;--danger: #cf3b2b;--danger-soft: rgba(207, 59, 43, .12);--shadow-sm: 0 2px 8px -3px rgba(0,0,0,.12);--shadow: 0 14px 30px -16px rgba(0,0,0,.2);--shadow-glow: 0 12px 30px -14px rgba(15,157,110,.28)}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{font-family:var(--font-body)}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);background-image:radial-gradient(820px 520px at 78% -8%,rgba(240,180,41,.08),transparent 60%),radial-gradient(900px 600px at -5% 6%,rgba(16,185,129,.1),transparent 55%);background-attachment:fixed;color:var(--text);overflow-x:hidden;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em}::selection{background:var(--primary-soft);color:var(--primary-bright)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18)}::-webkit-scrollbar-track{background:transparent}.app-container{display:flex;min-height:100vh;min-height:100dvh}.main-content{flex:1;padding:30px 34px 120px;max-width:1160px;margin:0 auto;width:100%;padding-top:calc(30px + env(safe-area-inset-top));animation:rise .5s cubic-bezier(.16,1,.3,1)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--surface) 0%,var(--bg-2) 100%);border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column;height:100vh;height:100dvh;position:sticky;top:0}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:14px;background:transparent;color:var(--text-muted);border:1px solid transparent;cursor:pointer;font-weight:600;font-size:14.5px;transition:all .18s ease;width:100%;text-align:left}.nav-item:hover{background:rgba(255,255,255,.04);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary-bright);border-color:#10b98140}.nav-item.active svg{filter:drop-shadow(0 0 8px rgba(16,185,129,.5))}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(12,10,9,.82);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid var(--border);padding:9px 6px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;align-items:stretch}.nav-item-mobile{background:none;border:none;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 4px;border-radius:12px;flex:1;transition:color .15s ease}.nav-item-mobile svg{transition:transform .18s ease}.nav-item-mobile.active{color:var(--primary-bright)}.nav-item-mobile.active svg{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 4px 10px rgba(16,185,129,.45))}.nav-item-mobile span{font-size:9px;font-weight:700;letter-spacing:.01em}.card{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-2) 130%);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:20px;position:relative}.card h3{font-size:1rem;margin-bottom:2px}.btn{padding:12px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer;transition:transform .14s ease,filter .14s ease,background .14s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center;color:var(--text);background:rgba(255,255,255,.05)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#0e9f72 100%);color:#04140e;box-shadow:var(--shadow-glow);border:none}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#d99b18 100%);color:#2a1d05;border:none}input,select,textarea{font-family:var(--font-body);font-size:14.5px;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-dim)}.field,input.field,select.field,textarea.field{width:100%;padding:13px 15px;border-radius:var(--radius-sm);background:rgba(255,255,255,.035);border:1px solid var(--border-strong);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input[type=checkbox]{accent-color:var(--primary);width:17px;height:17px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(255,255,255,.06);color:var(--text-muted)}.chip-up{background:var(--primary-soft);color:var(--primary-bright)}.chip-down{background:var(--danger-soft);color:var(--danger)}.chip-gold{background:var(--gold-soft);color:var(--gold)}@keyframes pulseDebt{0%,to{box-shadow:0 0 #ff2d2d73;opacity:1}50%{box-shadow:0 0 12px 3px #ff2d2db3;opacity:.78}}.pulse-debt{animation:pulseDebt 1.15s ease-in-out infinite}.data-table-container{width:100%;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--bg-2))}.data-table{width:100%;border-collapse:collapse;min-width:520px}.data-table th{text-align:left;padding:14px 16px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);background:rgba(255,255,255,.015)}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border);font-size:13.5px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:rgba(255,255,255,.025)}.muted{color:var(--text-muted)}.label-xs{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}@media (max-width: 768px){body{font-size:14.5px}.sidebar{display:none}.bottom-nav{display:flex}.main-content{padding:16px 14px 100px;padding-top:calc(16px + env(safe-area-inset-top))}.card{padding:18px;border-radius:16px}.data-table th,.data-table td{padding:10px 8px;font-size:12px}.data-table td:nth-child(3),.data-table th:nth-child(3),.data-table td:nth-child(4),.data-table th:nth-child(4){max-width:84px;white-space:normal;word-break:break-word;line-height:1.25}.data-table td:nth-child(5){white-space:nowrap;font-weight:800}}@media print{body{background:white!important;color:#000!important}.no-print,.bottom-nav,.sidebar{display:none!important}.main-content{padding:0!important;margin:0!important;max-width:100%!important}.card{border:none!important;padding:0!important;box-shadow:none!important;background:white!important}}
