:root{color-scheme:dark}
.auth-page{margin:0;min-height:100vh;background:
radial-gradient(circle at 50% 14%,rgba(21,177,220,.14),transparent 32rem),
linear-gradient(145deg,#050a13,#09111f 52%,#070a13);color:#eaf8ff;font-family:"Segoe UI","Noto Sans TC",sans-serif}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}
.auth-card{width:min(430px,100%);padding:42px;border:1px solid rgba(62,205,235,.3);border-radius:24px;background:rgba(8,19,33,.94);box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 36px rgba(32,190,228,.08)}
.auth-brand-mark{width:54px;height:54px;display:grid;place-items:center;margin:auto;color:#62e8ff;border:1px solid #1aabc8;border-radius:16px;background:#071826;font-size:25px}
.auth-eyebrow{text-align:center;color:#52dfff;letter-spacing:.18em;font-size:12px;margin:20px 0 8px}
.auth-card h1{text-align:center;margin:0;font-size:26px;color:#ffd4ff}.auth-subtitle{text-align:center;color:#78cde7;margin:8px 0 28px}
.auth-form{display:grid;gap:18px}.auth-form label,.account-grid label,.account-row label{display:grid;gap:7px}.auth-form label span,.account-grid label span,.account-row label span{font-size:13px;color:#9cb4c8}
.auth-form input,.account-grid input,.account-grid select,.account-row input,.account-row select{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #29435d;border-radius:10px;background:#02070d;color:#fff;padding:10px 13px;font:inherit}
.auth-form input:focus,.account-grid input:focus,.account-row input:focus,.account-grid select:focus,.account-row select:focus{outline:2px solid #8b62ff;border-color:#57d7f4}
.auth-form button,.account-grid button,.account-row button{border:1px solid #21d0b2;border-radius:11px;background:linear-gradient(135deg,#0c765f,#0a4e66);color:#fff;font-weight:700;padding:13px 18px;cursor:pointer}
.auth-notice{margin:24px 0 0;color:#70869b;font-size:12px;line-height:1.7;text-align:center}
.auth-error,.account-message{padding:12px 14px;margin:16px 0;border-radius:10px}.auth-error{border:1px solid #da4d72;background:#451728;color:#ffd6df}.account-message{border:1px solid #20ae8e;background:#0b3c35;color:#a7ffe6}
.accounts-page{display:grid;gap:22px}.accounts-header,.account-create,.account-list{border:1px solid #29435d;border-radius:18px;background:#081421;padding:22px}.accounts-header{display:flex;justify-content:space-between;align-items:end}.accounts-header p{color:#42d8ff;letter-spacing:.14em}.accounts-header h1{margin:6px 0 0}.accounts-header>span{color:#8ba2b7}
.account-create h2{margin-top:0}.account-grid,.account-row{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.3fr 1.3fr auto auto;gap:12px;align-items:end}.account-list{display:grid;gap:14px}.account-row{padding:16px;border:1px solid #1d3349;border-radius:14px;background:#050d17}.account-check{display:flex!important;align-items:center;gap:7px!important;min-height:46px}.account-check input{width:18px!important;min-height:18px!important}
.top-user-area{margin-left:auto;display:flex;align-items:center;gap:10px}.top-user-name{font-size:13px;color:#cce8f4}.top-user-role{font-size:11px;color:#55dff8}.top-logout{border:1px solid #31475d;border-radius:8px;background:#09131f;color:#dcebf3;padding:7px 10px;cursor:pointer}
@media(max-width:1100px){.account-grid,.account-row{grid-template-columns:1fr 1fr}.accounts-header{align-items:start;gap:10px;flex-direction:column}}