@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--primary:#1976d2;--primary2:#42a5f5;--bg:#f5f7fb;--text:#182230;--muted:#718096;--card:#fff;--border:#e8edf4;--danger:#e53935;--success:#22a06b}
*{box-sizing:border-box}body{margin:0;font-family:"Plus Jakarta Sans",sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}.app{max-width:480px;min-height:100vh;margin:auto;background:var(--bg)}
.top{padding:24px 18px 70px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:20px}.hero{margin-top:28px}.hero small{opacity:.85}.hero h2{margin:5px 0;font-size:22px}
.wrap{padding:0 16px 30px;margin-top:-42px}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(23,43,77,.07);margin-bottom:15px}
.balance{display:flex;justify-content:space-between;align-items:center}.balance b{font-size:22px;color:var(--primary)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.menu{background:#fff;border:1px solid var(--border);border-radius:15px;padding:14px 6px;text-align:center;font-size:11px;font-weight:700}.menu i{display:block;font-style:normal;font-size:21px;margin-bottom:7px}
.form-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(145deg,var(--primary),#0d47a1)}.form-card{width:100%;max-width:410px;background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.form-card h1{text-align:center;font-size:21px}.form-card p{text-align:center;color:var(--muted);font-size:13px;margin-bottom:25px}
input,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:14px;margin:7px 0 14px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--primary)}textarea{min-height:150px;resize:vertical}
button,.btn{border:0;background:var(--primary);color:#fff;border-radius:12px;padding:14px;width:100%;font:inherit;font-weight:700;cursor:pointer;display:inline-block;text-align:center}.btn.secondary{background:#eef5ff;color:var(--primary)}.btn.danger{background:var(--danger)}
.row{display:flex;gap:10px}.row>*{flex:1}.notice{padding:12px;border-radius:12px;margin-bottom:15px;font-size:13px}.notice.error{background:#fff0f0;color:#b42318}.notice.ok{background:#ecfdf3;color:#027a48}
.list{display:flex;flex-direction:column;gap:10px}.item{padding:14px;background:#fff;border:1px solid var(--border);border-radius:14px}.item small{color:var(--muted)}
.badge{padding:5px 9px;border-radius:999px;background:#eaf3ff;color:var(--primary);font-size:11px;font-weight:700}.footer{text-align:center;color:var(--muted);font-size:11px;padding:20px}