:root{--bg:#f6f7f9;--panel:#fff;--border:#e3e6ea;--text:#1f2733;--muted:#6b7785;--primary:#2f6f4f;--primary-d:#255a40;--input-bg:#eafaf0;--danger:#b3261e;--shadow:0 1px 2px #1018280f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-shrink:0;width:220px;padding:20px 14px}.sidebar h1{margin:0 0 4px;font-size:15px}.sidebar .salon-name{color:var(--muted);word-break:break-all;margin-bottom:20px;font-size:12px}.nav a{color:var(--text);border-radius:8px;margin-bottom:2px;padding:8px 10px;display:block}.nav a:hover{background:var(--bg);text-decoration:none}.main{flex:1;max-width:1100px;padding:28px 32px}.page-title{margin:0 0 20px;font-size:20px}.auth-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{width:100%;max-width:380px}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:20px;padding:20px}.panel h2{margin:0 0 14px;font-size:15px}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:8px 10px;font-size:14px}input.input-entry{background:var(--input-bg)}textarea{resize:vertical;min-height:60px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;display:inline-flex}.btn:hover{background:var(--primary-d)}.btn:disabled{opacity:.6;cursor:default}.btn-sm{padding:5px 10px;font-size:12px}.btn-secondary{color:var(--text);border:1px solid var(--border);background:#fff}.btn-secondary:hover{background:var(--bg)}.btn-link{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.error{color:var(--danger);margin:8px 0;font-size:13px}.muted{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px}th{color:var(--muted);font-size:12px;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px;display:grid}.kpi{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:16px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;font-weight:700}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row .field{flex:1;min-width:140px}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.inline-form{align-items:center;gap:8px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.section-sub{color:var(--muted);margin:18px 0 8px;font-size:12px;font-weight:600}
