:root{--bg: #0b1220;--surface: #131c2e;--surface-2: #1b2740;--border: #26324d;--text: #e6ecf5;--muted: #8b98b0;--brand: #14b8a6;--brand-2: #0f766e;--danger: #ef4444;--warn: #f59e0b;--ok: #22c55e;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}#app{min-height:100dvh}a{color:var(--brand);text-decoration:none}button{font:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:14px 18px;color:#fff;background:var(--brand-2);transition:filter .15s,opacity .15s}button:active{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:default}button.block{width:100%}button.ghost{background:var(--surface-2)}button.ok{background:var(--ok)}button.warn{background:var(--warn);color:#1a1200}button.danger{background:var(--danger)}input,textarea,select{font:inherit;width:100%;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text)}input:focus,textarea:focus{outline:2px solid var(--brand);border-color:transparent}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));background:#0b1220e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.app-header h1{font-size:17px;margin:0;flex:1}.app-header .back{background:none;padding:6px 8px;font-size:22px;line-height:1}.container{padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.muted{color:var(--muted);font-size:14px}.stack>*+*{margin-top:10px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--muted)}.badge.b-devam{background:#1e3a5f;color:#7dd3fc}.badge.b-onay{background:#4a3a10;color:#fcd34d}.badge.b-tamam{background:#143a24;color:#86efac}.badge.b-red,.badge.b-iptal{background:#4a1717;color:#fca5a5}.error{color:#fca5a5;font-size:14px;margin:8px 0}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand);animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}