:root{font-family:Segoe UI,Arial,sans-serif;color:#102033}*{box-sizing:border-box}body{margin:0;background:#eef2f7}.app{max-width:1240px;margin:0 auto;padding:16px;position:relative}.card{background:#fff;border:1px solid #dbe3ee;border-radius:14px;padding:14px;margin-bottom:12px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-header h1{margin:0;font-size:24px}.page-header p{margin:6px 0 0;color:#5d6c80}.tabs{display:flex;gap:8px}.tabs button{width:auto;min-width:130px}.tabs button.active{background:#1156c9}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:8px}.toolbar{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}input,select,textarea,button{width:100%;border-radius:10px;border:1px solid #cbd5e1;padding:10px 12px;font-size:14px}textarea{resize:vertical}button{background:#1f6feb;color:#fff;border:0;cursor:pointer;font-weight:600}button.secondary{background:#44566c;width:auto}button.small-btn{padding:6px 10px;border-radius:8px;font-size:12px;width:auto}button.small-btn.danger{background:#b42318}button:hover{filter:brightness(.97)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #edf2f8;padding:9px 8px;vertical-align:top}.muted{color:#637389;font-size:13px}.balance-box{background:#f7f9fc;border:1px solid #e5ebf3;border-radius:10px;padding:10px;margin:8px 0;line-height:1.7}.inline-actions{margin-top:12px}.check{display:inline-flex;align-items:center;gap:8px}.check input{width:auto}.error{color:#b42318}.success{color:#067647}.login-card{max-width:420px;margin:40px auto}.login-card h2{margin-top:0}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 32px))}.toast{border-radius:12px;padding:12px 14px;color:#fff;font-weight:600;box-shadow:0 10px 24px #1018282e}.toast.success{background:#067647}.toast.error{background:#b42318}@media (max-width: 900px){.split,.grid2,.grid3{grid-template-columns:1fr}.tabs{flex-wrap:wrap}}