*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-width:400px;padding:36px 32px}.login-card h1{margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.5}.login-card p.sub{color:#94a3b8;margin-bottom:24px;font-size:12px}.login-card label{color:#cbd5e1;margin-bottom:6px;font-size:13px;display:block}.login-card input{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:8px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:14px}.login-card input:focus{border-color:#0000;outline:2px solid #38bdf8}.login-card button{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;width:100%;padding:11px;font-size:14px;font-weight:700}.login-card button:hover{background:#0369a1}.login-card button:disabled{cursor:not-allowed;background:#475569}.users-wrap{justify-content:center;min-height:100vh;padding:32px 16px;display:flex}.users-card{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-width:760px;padding:32px}.users-card h1{margin-bottom:8px;font-size:20px}.users-card h2{color:#cbd5e1;margin:24px 0 8px;font-size:15px}.users-note{color:#94a3b8;font-size:13px}.users-denied{color:#fca5a5;margin:16px 0}.users-card a{color:#38bdf8}.users-table{border-collapse:collapse;width:100%;font-size:13px}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #334155;padding:8px 10px}.users-table th{color:#94a3b8;font-weight:600}.users-table-muted td{color:#64748b}.login-error{color:#fecaca;background:#7f1d1d;border:1px solid #b91c1c;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px}