:root{--ink: #122023;--sage: #cfdddf;--accent: #116dff;--slate: #354250;--steel: #2b5672;--navy: #121f36;--bg: #f4f7f7;--card: #ffffff;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--ink);color:var(--sage);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.sidebar .logo{font-size:17px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:18px}.sidebar .logo span{color:var(--sage);font-weight:400}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar a{color:var(--sage);text-decoration:none;padding:9px 12px;border-radius:8px;transition:background .15s}.sidebar a:hover{background:#cfdddf1f}.sidebar a.router-link-active{background:var(--accent);color:#fff}.main{flex:1;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--card);border-bottom:1px solid #e3e9ea}.topbar .spacer{flex:1}.content{padding:24px}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 1px 3px #12202314}.card h1{font-size:20px;margin-bottom:8px}.card h2{font-size:16px;margin-bottom:6px}.muted{color:var(--slate)}button{font:inherit;border:none;border-radius:8px;cursor:pointer;padding:9px 16px;background:var(--accent);color:#fff}button:disabled{opacity:.6;cursor:default}button.link{background:none;color:var(--steel);text-decoration:underline;padding:4px 6px}button.lang{background:var(--sage);color:var(--ink)}input,select{font:inherit;padding:9px 12px;border:1px solid #cfd8da;border-radius:8px;width:100%}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e8eeee}.badge{padding:2px 10px;border-radius:999px;font-size:12px}.badge.on{background:#d8f0e2;color:#14603c}.badge.off{background:#f3dede;color:#8a2f2f}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:360px}.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.error{color:#b03434;margin-top:8px}.form-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.form-row input,.form-row select{width:auto;flex:1;min-width:140px}.tabs{display:flex;gap:8px;margin:10px 0 4px}.tab{background:var(--sage);color:var(--ink)}.tab.active{background:var(--accent);color:#fff}.badge.warn{background:#fdf0d5;color:#8a5a00}