*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#222;background:#f0f2f5;font-size:13px}h1{font-size:15px;font-weight:600;padding:10px 16px;background:#1a3a6b;color:#fff;letter-spacing:.5px}.tabs{display:flex;gap:0;border-bottom:2px solid #1a3a6b;background:#fff;padding:0 12px;flex-wrap:wrap}.tab{padding:8px 14px;font-size:12px;background:transparent;cursor:pointer;color:#666;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s;white-space:nowrap}.tab.active{color:#1a3a6b;border-bottom:3px solid #1a3a6b;font-weight:600}.tab:hover:not(.active){color:#333;background:#f5f7ff}.panel{display:none;padding:14px}.panel.active{display:block}.card{background:#fff;border:1px solid #dde3ee;border-radius:8px;padding:12px}.card,.card-title{margin-bottom:10px}.card-title{font-size:13px;font-weight:600;color:#1a3a6b;padding-bottom:6px;border-bottom:1px solid #eef}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}label{font-size:12px;color:#555}input[type=number],input[type=text],input[type=time],select{font-size:12px;padding:4px 8px;border:1px solid #ccd;border-radius:5px;background:#fff;color:#222}input:focus,select:focus{outline:none;border-color:#1a3a6b;box-shadow:0 0 0 2px rgba(26,58,107,.1)}.btn{padding:6px 14px;font-size:12px;border:1px solid #bbc;border-radius:5px;background:#fff;cursor:pointer;color:#333;transition:all .15s;white-space:nowrap}.btn:hover{background:#f0f2f5}.btn.primary{background:#1a3a6b;color:#fff;border-color:#1a3a6b}.btn.primary:hover{background:#14305a}.btn.warn{color:#856404;border-color:#f0d580;background:#fffbe6}.btn.warn:hover{background:#fff8cc}.btn.success{background:#0d6e3e;color:#fff;border-color:#0d6e3e}.btn.success:hover{background:#0a5a32}.btn:disabled{opacity:.45;cursor:not-allowed}.cal-nav{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.cal-title{font-size:15px;font-weight:600;color:#1a3a6b;min-width:90px;text-align:center}.cal-wrap{overflow-x:auto;max-width:100%;border:1px solid #dde3ee;border-radius:8px}table.cal{border-collapse:collapse;font-size:10px;min-width:800px;width:100%}table.cal th{background:#e8eef8;padding:4px 2px;text-align:center;border:1px solid #ccd6e8;font-weight:600;white-space:nowrap;font-size:10px}table.cal td{border:1px solid #dde3ee;padding:2px;vertical-align:middle;min-width:40px;max-width:48px;height:38px;text-align:center}table.cal td.sc{min-width:80px;max-width:88px;background:#e8eef8;font-size:10px;padding:3px 6px;position:-webkit-sticky;position:sticky;left:0;z-index:2;text-align:left;border-right:2px solid #b0bcd8}table.cal td.sum-td{text-align:center;font-size:10px;background:#e8eef8;font-weight:600;min-width:30px}table.cal tr.cnt-row td{height:20px;background:#f0f4fa;text-align:center;font-size:9px;font-weight:600;color:#444}table.cal tr.cnt-row td.sc{background:#e8eef8}.cb{display:inline-block;padding:2px 5px;border-radius:3px;font-size:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;min-width:24px;transition:opacity .1s}.cb:hover{opacity:.75}.ce{font-size:12px;color:#bbb;cursor:pointer}.ce:hover{color:#888}.sat-bg{background:#f0f7ff!important}.hol-bg{background:#fff5f5!important}.warn-cnt{background:#fff8e0!important;color:#856404}.err-cnt{background:#ffe0e0!important;color:#c0392b}.legend{gap:6px;flex-wrap:wrap;margin-bottom:10px;font-size:11px;background:#fff;padding:8px 10px;border-radius:6px;border:1px solid #eee}.legend,.li{display:flex;align-items:center}.li{gap:3px}.ld{width:10px;height:10px;border-radius:2px;flex-shrink:0}.sbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.scard{background:#fff;border:1px solid #dde3ee;border-radius:6px;padding:6px 10px;font-size:11px;min-width:52px;text-align:center}.scard .num{font-size:18px;font-weight:600;color:#1a3a6b}.scard .lbl{color:#888;font-size:10px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:8px;gap:8px}.staff-card{background:#fff;border:1px solid #dde3ee;border-radius:8px;padding:12px}.staff-card .sname{font-size:13px;font-weight:600;margin-bottom:8px;color:#1a3a6b;border-bottom:1px solid #eef;padding-bottom:6px}.fr{display:flex;gap:6px;align-items:center;margin-bottom:6px;font-size:12px;flex-wrap:wrap}.fr label{min-width:70px;flex-shrink:0;color:#555}.wday-checks{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.wday-checks label{display:flex;gap:2px;align-items:center;padding:2px 6px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:11px;background:#f9f9f9}.wday-checks label:hover{background:#e8eef8}.wday-checks input:checked+span{color:#1a3a6b;font-weight:600}.sc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}.sc-item{border:1px solid #dde3ee;padding:10px}.notice,.sc-item{background:#f5f7ff;border-radius:6px}.notice{font-size:12px;color:#666;padding:8px 10px;margin-bottom:10px;border-left:3px solid #1a3a6b}.rule-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:12px}.rule-row:last-child{border-bottom:none}.dt-tabs{display:flex;gap:4px;margin-bottom:10px}.dt-tab{padding:5px 14px;font-size:12px;border:1px solid #bbc;border-radius:5px;cursor:pointer;background:#fff;color:#555;transition:all .15s}.dt-tab.active{background:#1a3a6b;color:#fff;border-color:#1a3a6b}.shift-dropdown{position:fixed;background:#fff;border:1px solid #ccd;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.15);z-index:9999;min-width:170px;padding:3px 0;max-height:320px;overflow-y:auto}.dd-item{padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:7px}.dd-item:hover{background:#f0f4fa}.dd-item.selected{background:#e8eef8;font-weight:600}.dd-sep{height:1px;background:#eee;margin:2px 0}.dd-hdr{padding:3px 12px;font-size:10px;color:#888;background:#f5f7ff}.sdot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.violation-box{background:#fff8f8;border:1px solid #f5c6c6;border-radius:6px;padding:8px 12px;color:#c0392b}.ok-box,.violation-box{margin-bottom:8px;font-size:11px}.ok-box{background:#f0fff8;border:1px solid #b0e8c8;border-radius:6px;padding:6px 12px;color:#0d6e3e}.save-bar{font-size:11px;padding:4px 12px;background:#f0f4fa;border-bottom:1px solid #dde3ee;display:flex;gap:8px;align-items:center;color:#666}@media print{.no-print{display:none!important}body{background:#fff;font-size:9px}.cal-wrap{border:none}table.cal{font-size:8px}table.cal td{height:28px;min-width:32px}table.cal td.sc{min-width:64px}.panel{padding:4px}h1{font-size:12px;padding:6px 10px}}