:root{--bg:#f6f5f2;--card:#fff;--ink:#172033;--muted:#717784;--line:#e6e2dc;--gold:#d9a85f;--good:#166534;--warn:#92400e;--bad:#991b1b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.container{max-width:860px;margin:auto;padding:16px 16px 90px}.top{position:sticky;top:0;z-index:10;background:rgba(246,245,242,.94);backdrop-filter:blur(12px);padding:12px 0 10px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:38px;height:38px;border-radius:11px;border:1px solid var(--line)}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;color:var(--muted);text-decoration:none;font-size:12px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 10px 30px rgba(17,24,39,.05)}.login,.install{width:min(430px,calc(100% - 28px));margin:8vh auto}.biglogo{width:76px;height:76px;border-radius:22px;border:1px solid var(--line);object-fit:cover}.muted{color:var(--muted);font-size:13px}.ok{background:#dcfce7;color:#166534;padding:12px;border-radius:14px}.err{background:#fee2e2;color:#991b1b;padding:10px;border-radius:12px;margin:8px 0}label{display:grid;gap:6px;font-size:12px;color:var(--muted);margin:12px 0}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;color:var(--ink)}textarea{min-height:78px}button,.button{border:0;background:var(--ink);color:#fff;border-radius:14px;padding:12px 14px;font-weight:750;text-decoration:none;display:inline-block;cursor:pointer}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.danger{background:#fee2e2;color:#991b1b}.hero{background:linear-gradient(145deg,#172033,#3e4654);color:#fff;border-radius:26px;padding:22px}.hero .big{font-size:40px;font-weight:900;letter-spacing:-.04em;margin:4px 0 14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.stat b{display:block;font-size:19px;margin-top:6px}.section{margin-top:22px}.section h2{font-size:18px;margin:0 0 10px}.list{display:grid;gap:9px}.row{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;display:flex;gap:12px;align-items:center}.avatar{width:42px;height:42px;border-radius:13px;background:#f0ece5;display:grid;place-items:center;font-weight:850;flex:none}.main{flex:1;min-width:0}.title{font-weight:750}.meta{font-size:11px;color:var(--muted);margin-top:4px}.amount{font-weight:900;color:var(--good);white-space:nowrap}.status{font-size:10px;border-radius:999px;padding:4px 7px;margin-left:5px}.pending{background:#fef3c7;color:#92400e}.approved{background:#dcfce7;color:#166534}.rejected{background:#fee2e2;color:#991b1b}.tag{font-size:10px;background:#f3f4f6;border-radius:999px;padding:4px 7px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.toolbar a,.toolbar button{padding:8px 10px;font-size:12px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.table th{background:#faf9f7;color:var(--muted)}.nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:center;gap:10px;padding:10px}.nav a{padding:10px 14px;border-radius:14px;text-decoration:none;color:var(--muted)}.nav a.active{background:var(--ink);color:#fff}.actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.actions form{margin:0}.actions button{padding:7px 9px;font-size:11px}.notice{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:14px;padding:10px;font-size:12px}.small{font-size:11px}.right{text-align:right}
@media(max-width:520px){.grid3{grid-template-columns:1fr 1fr}.grid3 .stat:last-child{grid-column:1/-1}.hero .big{font-size:35px}.row{align-items:flex-start}.amount{font-size:13px}}

@media(max-width:640px){.top{align-items:flex-start}.top>div:last-child{flex-wrap:wrap;justify-content:flex-end}.pill{padding:7px 9px}.brand{max-width:55%}}

.notification-unread{border-left:4px solid var(--gold);background:#fffdf8}.notification-unread .title{font-weight:850}