:root{font-family:Space Grotesk,Noto Sans JP,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#101828;background-color:#f6f7fb;--ink: #101828;--muted: #5f6b7a;--surface: #ffffff}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#fff9e6 0%,transparent 55%),radial-gradient(circle at top right,#e6f5ff 0%,transparent 50%),linear-gradient(180deg,#f8fbff,#f4f7f9)}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(122,200,255,.25),transparent 40%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font-family:inherit}@media(max-width:640px){body{background:linear-gradient(180deg,#f8fbff,#f4f7f9)}}#root{width:100%}.app{min-height:100vh;padding:32px clamp(20px,4vw,56px) 56px;color:var(--ink)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#8be2ff,#ffd36f);display:grid;place-items:center;font-weight:700;letter-spacing:.08em;box-shadow:0 16px 30px -20px #10182899}.brand-title{font-size:1.4rem;font-weight:700;margin:0}.brand-subtitle{margin:4px 0 0;color:var(--muted);font-size:.9rem}.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.pill-note{padding:6px 12px;border-radius:999px;background:#ffd47a66;color:#8b5a00;font-size:.85rem}.segmented{display:inline-flex;border-radius:999px;background:#ffffffb3;padding:4px;gap:4px;box-shadow:0 10px 24px -20px #10182866}.segmented-button{border:none;padding:8px 16px;border-radius:999px;background:transparent;font-size:.9rem;color:var(--muted);cursor:pointer;transition:all .2s ease}.segmented-button.active{background:var(--ink);color:#fff}.content{display:grid;gap:28px}.panel{background:#ffffffc7;border-radius:28px;padding:clamp(20px,4vw,40px);box-shadow:0 30px 60px -50px #101828b3;border:1px solid rgba(255,255,255,.9);animation:rise .6s ease forwards}.login-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:640px;margin:0 auto}.login-card h1,.dashboard h1{margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.4rem)}.lead{color:var(--muted);margin:0 0 24px}.form{display:grid;gap:16px}.field{display:grid;gap:8px;font-size:.95rem}.field input{border-radius:14px;border:1px solid rgba(16,24,40,.12);padding:12px 14px;font-size:1rem;background:#fff}.field input[readonly]{background:#f8fbffe6;color:var(--muted);border-style:dashed}.field select{border-radius:14px;border:1px solid rgba(16,24,40,.12);padding:12px 14px;font-size:1rem;background:#fff}.checkbox{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--muted)}.primary-button,.ghost-button{border:none;border-radius:14px;padding:12px 18px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button{background:linear-gradient(130deg,#4da3ff,#ffd36f);color:#102036;box-shadow:0 16px 30px -20px #10182899}.ghost-button{background:#fffc;border:1px solid rgba(16,24,40,.14);color:var(--ink)}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.hint{margin-top:18px;font-size:.85rem;color:var(--muted)}.hint.error{margin-top:14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(214,75,63,.35);background:#ffddd9cc;color:#a63a30;font-weight:600}.dashboard{display:grid;gap:24px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.status-chip{padding:6px 14px;border-radius:999px;background:#56cc7c33;color:#216845;font-weight:600}.status-chip.admin{background:#635bff24;color:#3730a3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(16,24,40,.08);display:grid;gap:6px;animation:fadeUp .6s ease both}.stat-card h3{margin:0;font-size:1.4rem}.stat-card span{color:var(--muted);font-size:.85rem}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.action-row{display:flex;gap:12px;flex-wrap:wrap}.menu-grid,.admin-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.menu-card{padding:16px;border-radius:16px;background:#ffffffe6;border:1px solid rgba(16,24,40,.08);font-weight:600;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.menu-card.active{background:#4da3ff2e;border-color:#4da3ff66;color:#1d4c7a}.menu-card.muted{color:var(--muted)}.menu-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -18px #10182880}.admin-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}.admin-table-card,.admin-form-card{background:#fff;border-radius:20px;border:1px solid rgba(16,24,40,.08);padding:20px}.admin-table-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.admin-table-header h2,.admin-form-card h2{margin:0 0 6px}.admin-pagination{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--muted)}.admin-table,.attendance-table{display:grid;gap:10px}.attendance-row{display:grid;grid-template-columns:110px minmax(140px,1.2fr) 160px 160px 80px 90px 90px 140px;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:#f8fbffe6;border:1px solid rgba(16,24,40,.06);font-size:.85rem}.attendance-row.attendance-head{background:#1018280f;font-weight:600}.attendance-row.attendance-user{grid-template-columns:110px 160px 160px 80px 90px 90px minmax(120px,1fr)}.attendance-filters{display:flex;gap:12px;align-items:flex-end;margin:12px 0 16px;flex-wrap:wrap}.attendance-user-panel{margin:20px 0 24px;padding:18px;border-radius:18px;background:#fffffff2;border:1px solid rgba(16,24,40,.08)}.totalling-section{display:grid;gap:18px}.totalling-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.totalling-table{display:grid;gap:10px}.totalling-row{display:grid;grid-template-columns:minmax(160px,1.4fr) 120px 140px 120px;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:#f8fbffe6;border:1px solid rgba(16,24,40,.06);font-size:.9rem}.totalling-row.totalling-head{background:#1018280f;font-weight:600}.admin-row{display:grid;grid-template-columns:60px minmax(120px,1.2fr) minmax(120px,1fr) 90px 80px 90px 140px;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:#f8fbffe6;border:1px solid rgba(16,24,40,.06);font-size:.9rem}.admin-row.admin-head{background:#1018280f;font-weight:600}.admin-actions{display:flex;gap:8px}.danger-button{border:none;border-radius:14px;padding:8px 12px;font-size:.9rem;font-weight:600;cursor:pointer;background:#d64b3f29;color:#a63a30}.admin-form-actions{display:flex;gap:10px;align-items:center}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.calendar-controls{display:flex;align-items:center;gap:12px}.calendar-label{font-weight:600;color:var(--ink)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-cell{padding:10px 8px;border-radius:12px;text-align:center;font-size:.9rem;border:1px solid rgba(16,24,40,.08);background:#fff}.calendar-head{background:#1018280f;font-weight:600;border:none}.calendar-empty{background:transparent;border:none}.calendar-day{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.calendar-day:hover{transform:translateY(-1px);box-shadow:0 10px 18px -16px #10182873}.calendar-day.selected{border-color:#4da3ff8c;background:#4da3ff33;color:#1d4c7a;font-weight:600}.calendar-day-number{display:block;font-weight:600;margin-bottom:6px}.calendar-shift{display:block;font-size:.7rem;margin-bottom:6px;line-height:1.2}.calendar-shift-name{display:block;color:#1d4c7a;font-weight:600;margin-bottom:2px}.calendar-shift-time{display:block;color:#4da3ff;font-weight:600}.calendar-more{display:inline-block;font-size:.7rem;color:#1d4c7a;background:#4da3ff33;padding:2px 6px;border-radius:999px}.shift-detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-top:18px}.shift-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.shift-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:#f8fbffe6;border:1px solid rgba(16,24,40,.06)}.shift-memo{color:var(--muted);font-size:.85rem}.shift-empty{color:var(--muted);font-size:.9rem}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.top-bar{flex-direction:column;align-items:flex-start}.login-panel,.admin-panel,.admin-row{grid-template-columns:1fr}.calendar-controls{width:100%;justify-content:space-between}.shift-detail,.attendance-row,.totalling-row{grid-template-columns:1fr}}