:root{--bg: #f3f7fc;--card: #ffffff;--text: #16233a;--muted: #6f7f97;--primary: #3498db;--primary-dark: #2a7ab1;--line: #dbe5f2}*{box-sizing:border-box}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fbff,#edf4fb)}button,input{font:inherit}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:420px;background:var(--card);border-radius:24px;padding:32px;box-shadow:0 20px 50px #1c487d1f}.auth-header h1{margin:8px 0}.brand{margin:0;font-weight:700;letter-spacing:.08em;color:var(--primary)}.helper{margin:0;color:var(--muted)}.auth-form{margin-top:24px;display:grid;gap:14px}.auth-form label{display:grid;gap:8px;font-size:14px}.auth-form input{border:1px solid var(--line);border-radius:14px;padding:12px 14px}.auth-form button{border:none;margin-top:8px;border-radius:999px;padding:12px 16px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.auth-form button:hover{background:var(--primary-dark)}.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.side-menu{background:#fff;border-right:1px solid var(--line);padding:28px 16px}.side-title{margin:0 0 14px;font-size:20px;font-weight:800;color:var(--primary)}.side-menu nav{display:grid;gap:8px}.menu-item{text-align:left;border:none;background:transparent;border-radius:12px;padding:10px 12px;color:#415673;cursor:pointer}.menu-item.active,.menu-item:hover{background:#e9f4ff;color:#0f4e82}.dashboard-main{padding:24px}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.top-header h1{margin:4px 0 0}.hello{margin:0;color:var(--muted)}.outline{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.summary-card p{margin:0;color:var(--muted);font-size:13px}.summary-card strong{display:block;margin-top:8px;font-size:30px}.panel-row{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.panel h2{margin:0 0 12px;font-size:18px}.panel ul{margin:0;padding-left:18px;color:#344d6c;line-height:1.8}@media(max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.side-menu{border-right:none;border-bottom:1px solid var(--line)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-row{grid-template-columns:1fr}}@media(max-width:640px){.top-header{gap:12px;align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:1fr}}.error-message{margin:0;color:#d24040;font-size:13px}.auth-form button:disabled{opacity:.7;cursor:wait}.panel-error{margin:12px 0 0;color:#d24040;font-size:14px}.side-menu .menu-item{display:block;width:100%;text-decoration:none;font-size:14px}.menu-item.disabled{opacity:.55;cursor:not-allowed}.users-panel{margin-top:8px}.users-search{display:flex;gap:10px;flex-wrap:wrap}.users-search input{min-width:260px;flex:1;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.users-search button{border:none;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;padding:10px 16px;cursor:pointer}.users-search button:hover{background:var(--primary-dark)}.users-meta{margin-top:12px}.users-table-wrap{margin-top:10px;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;min-width:820px}.users-table th,.users-table td{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px;font-size:14px;white-space:nowrap}.users-table th{color:var(--muted);font-weight:700}.users-empty{color:var(--muted)}.users-pagination{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:10px}