html,body,#root{color:#0f172a;background:#f8fafc;height:100%;margin:0;padding:0}:root{--bg:#0048d4;--sidebar:#0048d4;--sidebar-hover:#ffffff26;--content-bg:#f8fafc;--card:#fff;--surface:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--accent:#3b82f6;--accent-light:#3b82f61f;--red:#ef4444;--red-bg:#ef44441a;--green:#10b981;--green-bg:#10b9811f;--purple:#8b5cf6;--purple-bg:#8b5cf61f;--amber:#f59e0b;--amber-bg:#f59e0b1f;--blue-light:#3b82f62e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:13px}.loading-screen{background:#f8fafc;justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#0048d4;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:linear-gradient(135deg,#0048d4 0%,#0a1f6e 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:16px;width:360px;padding:48px 40px;box-shadow:0 20px 60px #0003}.login-logo{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.login-logo-img{object-fit:contain;width:80px;height:80px}.login-title{color:#0f172a;margin-bottom:8px;font-size:20px;font-weight:700}.login-sub{color:#64748b;margin-bottom:28px;font-size:13px}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12px}.login-btn{color:#fff;cursor:pointer;background:#0048d4;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:flex}.login-btn:hover{background:#0035a0;transform:translateY(-1px)}.login-note{color:#94a3b8;margin-top:16px;font-size:11px}.header-user{align-items:center;gap:10px;margin-left:auto;display:flex}.user-avatar{border:2px solid #fff6;border-radius:50%;width:28px;height:28px}.user-name{color:#ffffffe6;font-size:13px}.logout-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:12px;transition:background .15s}.logout-btn:hover{background:#ffffff40}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:#0048d4;border-bottom:1px solid #ffffff26;flex-shrink:0;align-items:center;height:48px;padding:0 20px;display:flex}.app-header h1{color:#fff;letter-spacing:.02em;font-size:15px;font-weight:700}.header-logo{flex-shrink:0;width:30px;height:30px;margin-right:10px}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;gap:2px;width:180px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-section-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.1em;padding:8px 10px 4px;font-size:10px;font-weight:600}.sidebar-btn{text-align:left;color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:color .15s,background .15s;display:flex}.sidebar-btn:hover{color:#fff;background:var(--sidebar-hover)}.sidebar-btn.active{color:#fff;background:var(--sidebar-hover);font-weight:600}.sidebar-btn.active:before{content:"";background:#fff;border-radius:2px;flex-shrink:0;width:3px;height:16px;margin-right:4px;display:inline-block}.main-content{background:var(--content-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-content{flex-direction:column;flex:1;padding:16px 20px;display:flex;overflow:hidden}.screen-header{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;margin-bottom:12px;display:flex}.screen-header h2{color:var(--text);font-size:15px;font-weight:700}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-row label{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.filter-row select{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;outline:none;padding:4px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.filter-row select:focus{border-color:var(--accent)}.legend-red{color:var(--red);background:var(--red-bg);border:1px solid #fb2c364d;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.table-scroll{border:1px solid var(--border);background:var(--card);border-radius:10px;flex:1;overflow:auto}.shift-table{border-collapse:collapse;white-space:nowrap;min-width:100%}.shift-table th,.shift-table td{border:1px solid var(--border);text-align:center;vertical-align:middle;padding:5px 8px;font-size:12px}.shift-table thead th{background:var(--surface);color:var(--text-muted);z-index:2;letter-spacing:.03em;font-size:11px;font-weight:600;position:sticky;top:0}.shift-table tbody tr{background:var(--card)}.shift-table tbody tr:nth-child(2n){background:#f8fafc}.shift-table tbody tr:hover{background:#f1f5f9}.col-date{width:64px}.col-day{width:36px}.col-store{width:90px}.col-category{width:64px}.col-name{text-align:left;width:120px;padding-left:10px}.col-time-range{width:52px}.col-holiday-count{width:48px}.col-day-header{width:56px;min-width:54px}.weekend-row td{background:#ffffff04}.cell-shortage{font-weight:700;background:var(--red-bg)!important;color:var(--red)!important;border-color:#fb2c364d!important}.cell-shortage-clickable{cursor:pointer;transition:background .15s}.cell-shortage-clickable:hover{background:#fb2c3647!important}.col-slot{width:38px;min-width:38px;padding:3px 1px;font-size:10px}.slot-shortage-header{color:var(--red)!important;background:#fb2c3640!important}.slot-cell{width:38px;min-width:38px;height:26px;padding:0}.slot-working{background:var(--blue-light)}.shortage-summary-row td{border-top:2px solid var(--border);color:var(--red);font-weight:700;background:#f99c0014!important}.shortage-label{text-align:right;color:var(--text-muted);font-size:11px;font-weight:600}.shortage-mark{font-size:11px;font-weight:700}.confirmed-table .col-day-header{font-size:10px;line-height:1.4}.confirmed-table .col-day-header.sat{color:#77d4ff!important;background:#1447e640!important}.confirmed-table .col-day-header.sun{color:var(--red)!important;background:#fb2c3633!important}.cs-cell{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;min-width:54px;max-width:80px;height:28px;font-size:10px;line-height:1.3;overflow:hidden}.sat-col{background:#1447e60f!important}.sun-col{background:#fb2c360f!important}.cs-holiday{font-weight:700;background:var(--green-bg)!important;color:var(--green)!important;border-color:#00bb7f40!important}.cs-off{font-weight:700;color:var(--text-muted)!important;background:#ffffff0d!important}.cs-paid{font-weight:700;background:var(--purple-bg)!important;color:var(--purple)!important;border-color:#ac4bff40!important}.cs-winter{font-weight:700;background:var(--accent-light)!important;color:#77d4ff!important;border-color:#1447e640!important}.cs-special{font-weight:700;background:var(--amber-bg)!important;color:var(--amber)!important;border-color:#f99c0040!important}.cs-dash{color:#fff3}.cs-shift{color:var(--text);font-size:10px}.cs-legend{align-items:center;gap:6px;display:flex}.cs-leg{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.shift-table .col-category,.shift-table .col-name{z-index:1;background:var(--card);position:sticky}.shift-table .col-category{background:var(--card);left:0}.shift-table .col-name{background:var(--card);left:64px}.shift-table thead .col-category,.shift-table thead .col-name{z-index:3;background:var(--surface)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}