:root{font-family:Inter,Noto Sans TC,system-ui,-apple-system,sans-serif;color:#2c241d;background:#f7f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.center{min-height:100vh;display:grid;place-items:center}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.brand-panel{padding:9vw;background:linear-gradient(140deg,#382a22,#6c4a2e);color:#fff;display:flex;flex-direction:column;justify-content:center}.brand-panel h1{font-size:clamp(3.5rem,8vw,8rem);margin:.1em 0}.brand-panel p{font-size:1.35rem;opacity:.9}.brand-note{margin-top:2rem;opacity:.7;letter-spacing:.1em}.eyebrow{font-size:.75rem;letter-spacing:.22em;font-weight:800;color:#c9954e}.brand-panel .eyebrow{color:#f6ca86}.login-card{align-self:center;margin:7vw;max-width:470px;padding:3rem;border:1px solid #e4ddd2;border-radius:24px;background:#fff;box-shadow:0 24px 80px #59442a18}.login-card h2{font-size:2rem;margin:.4rem 0 0}.login-card>p{color:#766b61;margin:.65rem 0 2rem}.login-badge{display:inline-flex;padding:.45rem .7rem;border-radius:999px;background:#f4eadb;color:#795735;font-size:.78rem;font-weight:800}.login-hint{margin-top:1.25rem;color:#8b8177;font-size:.82rem;line-height:1.5}label{display:grid;gap:.5rem;margin:1rem 0;font-size:.9rem;font-weight:700}input{width:100%;border:1px solid #d8d0c4;border-radius:12px;padding:.9rem 1rem;background:#fcfbf9;outline:none}input:focus{border-color:#9a7450;box-shadow:0 0 0 3px #9a74501a}.phone-field{display:flex;align-items:center;border:1px solid #d8d0c4;border-radius:12px;background:#fcfbf9;overflow:hidden}.phone-field:focus-within{border-color:#9a7450;box-shadow:0 0 0 3px #9a74501a}.phone-field span{padding:0 .9rem;color:#7b6a5b;font-weight:800;border-right:1px solid #e5ddd4}.phone-field input{border:0;border-radius:0;box-shadow:none!important}.otp-input{font-size:1.45rem;letter-spacing:.35em;text-align:center;font-weight:800}.phone-summary{display:flex;align-items:center;gap:.55rem;margin:1rem 0;padding:.8rem 1rem;border-radius:12px;background:#f7f2ea;font-size:.85rem}.phone-summary span{color:#8b8177}.phone-summary strong{margin-right:auto}.text-button{width:auto;padding:.2rem;background:transparent;color:#765437;font-size:.82rem}button{border:0;border-radius:12px;padding:.95rem 1.2rem;background:#4a3526;color:#fff;font-weight:800;cursor:pointer;width:100%}button:disabled{opacity:.55;cursor:not-allowed}.secondary{margin-top:.7rem;background:#eee7dc;color:#4a3526}.message{margin-top:1rem;padding:1rem;border-radius:12px;background:#fff4d8;color:#6b4d1f;line-height:1.5}.app-shell{min-height:100vh;display:grid;grid-template-columns:275px 1fr}aside{background:#2e251f;color:#fff;padding:2rem 1.4rem;display:flex;flex-direction:column;min-height:100vh}.logo{font-weight:900;letter-spacing:.08em}.logo span{font-size:.9rem;color:#d7b77f}.super-badge{margin-top:1.35rem;padding:.8rem 1rem;border:1px solid #c9954e66;border-radius:12px;color:#f2c985;font-size:.72rem;letter-spacing:.13em;font-weight:900}.super-badge span{display:block;margin-top:.25rem;color:#fff8e9;letter-spacing:.05em;font-size:.82rem}nav{display:grid;gap:.2rem;margin-top:1.4rem}nav a{padding:.72rem 1rem;border-radius:10px;color:#d8d1cb;cursor:pointer;text-decoration:none}.active{background:#ffffff12;color:#fff!important}.nav-divider{margin:1rem .7rem .35rem;color:#c9954e;font-size:.7rem;font-weight:900;letter-spacing:.16em}.logout{margin-top:auto;background:#ffffff10}.dashboard{padding:3rem 4vw}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard h1{font-size:2.7rem;margin:.2rem 0}.user-chip{width:auto;display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;background:#eee3d4;color:#33261d;border-radius:999px;text-align:left}.user-chip .avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#4a3526;color:#fff}.user-chip strong,.user-chip small{display:block}.user-chip small{margin-top:.15rem;color:#806d5c;font-size:.72rem}.dashboard-message{margin-bottom:1rem}.scope-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem}.scope-strip>div{padding:1rem 1.2rem;background:#efe6da;border-radius:14px}.scope-strip span,.scope-strip strong{display:block}.scope-strip span{font-size:.75rem;color:#887665}.scope-strip strong{margin-top:.25rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.cards article{background:#fff;border:1px solid #e6dfd5;border-radius:18px;padding:1.5rem}.cards span{display:block;color:#81766a;font-size:.9rem}.cards strong{display:block;margin-top:.8rem;font-size:1.7rem}.welcome,.module-card,.account-card{margin-top:1rem;background:#e9dfd2;border-radius:20px;padding:2rem}.welcome p,.module-card p,.account-card p{max-width:800px;line-height:1.8;color:#655c53}.module-kicker{font-size:.72rem;letter-spacing:.16em;font-weight:900;color:#a36e2d}.module-card h2,.account-card h2{font-size:2rem;margin:.4rem 0}.account-card{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.account-meta{display:grid;grid-template-columns:auto 1fr;gap:.65rem 1rem;align-content:start;padding:1rem;background:#f7f1e8;border-radius:14px}.account-meta span{color:#897969}.name-form{grid-column:1/-1;max-width:520px}.name-form button{max-width:220px}.name-form label{margin-top:0}@media(max-width:900px){.app-shell{grid-template-columns:230px 1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-strip{grid-template-columns:1fr}.dashboard{padding:2rem}}@media(max-width:700px){.login-shell{grid-template-columns:1fr}.brand-panel{padding:3rem 2rem;min-height:32vh}.brand-panel h1{font-size:3.8rem}.login-card{margin:1.25rem;padding:1.6rem;border-radius:20px}.app-shell{grid-template-columns:1fr}aside{display:none}.dashboard{padding:1.4rem 1rem}.cards{grid-template-columns:1fr}.topbar{align-items:flex-start}.dashboard h1{font-size:2rem}.user-chip{max-width:190px}.account-card{grid-template-columns:1fr}}