:root{font-family:Inter,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#17233b;background:#f4f6fb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;background:#274a9b;color:#fff;border:0;border-radius:9px;padding:10px 14px}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#e9edf5;color:#263650}.textbtn{background:none;color:#2756a8;padding:5px}input,textarea,select{width:100%;padding:10px;border:1px solid #cbd4e3;border-radius:8px;background:#fff;color:#17233b}input[type=checkbox]{width:auto}label{font-size:13px;font-weight:600;display:grid;gap:6px}.app{display:flex;min-height:100vh}aside{width:250px;background:#182b50;color:#fff;padding:24px 15px;display:flex;flex-direction:column;gap:28px;flex-shrink:0}aside h2{font-size:23px;margin:0 8px}aside h2 span{display:block;font-size:12px;font-weight:400;color:#b5c7eb;margin-top:5px}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent}nav button.active,nav button:hover{background:#31538c}.user{margin-top:auto;font-size:13px;overflow-wrap:anywhere}.user small{display:block;color:#b6c8e9;margin:6px 0 14px}.content{width:100%;max-width:1500px;padding:25px 30px;margin:auto;align-self:stretch}header,.actions,.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}header{justify-content:space-between;margin-bottom:24px}h1{margin:0;font-size:25px}header p{color:#73809a;font-size:13px}h3{margin:0 0 14px}.panel{background:#fff;border:1px solid #e0e5ed;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 3px 14px #1e3e6b08}.inner{margin-top:18px;background:#f8faff}.stack{display:grid;gap:15px}.two,.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cards .panel{margin:0}.spread{justify-content:space-between}.toolbar{margin-bottom:18px}.toolbar label{min-width:260px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{text-align:center;color:#65738e;font-size:12px;padding:10px}.day{background:#f8f9fc;min-height:95px;padding:6px;border:1px solid #e6eaf1;border-radius:6px;overflow:hidden}.day b{font-size:12px}.event{display:block;width:100%;background:#dce8fa;color:#23416b;font-size:11px;padding:5px;margin-top:4px;text-align:left;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.stats div{background:#f0f4fa;padding:16px;border-radius:10px}.stats strong{display:block;font-size:26px}.stats small{color:#61728b}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:11px;border-bottom:1px solid #e8ecf2}th{background:#f3f6fa}.days,.check{display:flex;gap:12px;flex-wrap:wrap}.days label,.check{display:flex;align-items:center;gap:5px}.link{display:inline-block;background:#edf3ff;color:#2453a2;text-decoration:none;border-radius:8px;padding:9px 12px;font-size:13px}.message{white-space:pre-wrap;background:#f3f6fa;border-radius:10px;padding:18px;line-height:1.8;font-family:inherit}.preview{margin-top:18px;background:#f0f5ff;padding:16px;border-radius:10px}.preview>div{margin-bottom:7px}.notice,.error{padding:12px;border-radius:8px;margin-bottom:15px;display:flex;justify-content:space-between}.notice{background:#e3f7eb;color:#125b32}.error{background:#ffe9e9;color:#9c2020}.notice button,.error button{background:transparent;color:inherit;padding:0 5px}.auth{max-width:440px;margin:12vh auto;padding:32px;background:#fff;border-radius:15px;box-shadow:0 8px 30px #0001}.auth p,.auth small{color:#63718a}footer{color:#8b95a8;font-size:12px;text-align:center;padding:20px}@media(max-width:800px){.app{display:block}aside{width:100%;padding:15px;gap:12px}aside h2{font-size:18px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;font-size:12px}.user{display:flex;gap:10px;align-items:center}.user small{margin:0}.content{padding:16px}.cards,.two{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.day{min-height:65px;padding:2px}.event{font-size:9px;padding:3px}.panel{padding:14px}.weekday{padding:5px}}.tablewrap input,.tablewrap select{min-width:120px}@media(max-width:800px){.tablewrap{max-width:calc(100vw - 60px)}.tablewrap table{min-width:650px}}nav button{--tab-color: #8ca8d4;--tab-bg: rgba(140,168,212,.13);position:relative;color:#e9f0ff;border:1px solid transparent;border-left:4px solid var(--tab-color);border-radius:10px;padding:12px 13px;background:var(--tab-bg);font-weight:600;transition:background .16s ease,border-color .16s ease,transform .16s ease}nav button:nth-child(1){--tab-color: #65c5ee;--tab-bg: rgba(55,156,210,.14)}nav button:nth-child(2){--tab-color: #efb86b;--tab-bg: rgba(213,142,53,.14)}nav button:nth-child(3){--tab-color: #bb9af5;--tab-bg: rgba(145,104,209,.14)}nav button:nth-child(4){--tab-color: #56d4bf;--tab-bg: rgba(47,176,153,.14)}nav button:nth-child(5){--tab-color: #f29bb3;--tab-bg: rgba(210,94,131,.14)}nav button:nth-child(6){--tab-color: #a8d47d;--tab-bg: rgba(130,179,73,.14)}nav button:nth-child(7){--tab-color: #8daaff;--tab-bg: rgba(97,126,216,.14)}nav button:nth-child(8){--tab-color: #edaaec;--tab-bg: rgba(191,105,191,.14)}nav button:nth-child(9){--tab-color: #f2c776;--tab-bg: rgba(215,168,65,.14)}nav button:hover{background:color-mix(in srgb,var(--tab-color) 23%,#182b50)!important;border-color:color-mix(in srgb,var(--tab-color) 45%,transparent)}nav button.active{background:color-mix(in srgb,var(--tab-color) 29%,#182b50)!important;color:#fff;border-color:var(--tab-color);box-shadow:inset 0 0 0 1px #ffffff0f,0 2px 10px #0000001a}@media(max-width:800px){nav button{padding:10px 12px;border-left-width:3px}}:root{--hf-group-1:#4b91d3;--hf-group-2:#a47be3;--hf-group-3:#1ca995;--hf-group-4:#d58b47;--hf-group-5:#d66b92;--hf-group-6:#7c9b42}.content .cards>.panel{--hf-item-color:var(--hf-group-1);border-left:5px solid var(--hf-item-color);box-shadow:0 3px 12px #1b30570b}.content .cards>.panel:nth-child(6n+2){--hf-item-color:var(--hf-group-2)}.content .cards>.panel:nth-child(6n+3){--hf-item-color:var(--hf-group-3)}.content .cards>.panel:nth-child(6n+4){--hf-item-color:var(--hf-group-4)}.content .cards>.panel:nth-child(6n+5){--hf-item-color:var(--hf-group-5)}.content .cards>.panel:nth-child(6n+6){--hf-item-color:var(--hf-group-6)}.content .cards>.panel>h3{color:var(--hf-item-color)}.content .tablewrap tbody tr{--hf-row-color:var(--hf-group-1)}.content .tablewrap tbody tr:nth-child(6n+2){--hf-row-color:var(--hf-group-2)}.content .tablewrap tbody tr:nth-child(6n+3){--hf-row-color:var(--hf-group-3)}.content .tablewrap tbody tr:nth-child(6n+4){--hf-row-color:var(--hf-group-4)}.content .tablewrap tbody tr:nth-child(6n+5){--hf-row-color:var(--hf-group-5)}.content .tablewrap tbody tr:nth-child(6n+6){--hf-row-color:var(--hf-group-6)}.content .tablewrap tbody tr td:first-child{border-left:4px solid var(--hf-row-color);font-weight:600}.content .tablewrap tbody tr:hover{background:#f4f7fc}.content>.toolbar{background:#fff;border:1px solid #e0e5ed;border-radius:12px;padding:12px 16px;margin-bottom:18px}.content>.toolbar label{color:#344766}.content>.toolbar select{border:2px solid #8daaff;background:#f4f7ff;font-weight:600}.content>.toolbar label:nth-child(2) select,.content>.toolbar label:nth-child(2) input{border-color:#56bcae;background:#f2fbf8}.content>.toolbar label:nth-child(3) select{border-color:#d6a36b;background:#fff8f0}.content>.toolbar select:focus,.content>.toolbar input:focus{outline:2px solid #aac7ff;outline-offset:1px}@media(max-width:800px){.content>.toolbar{padding:10px}.content .cards>.panel{border-left-width:4px}}.content .cards>.panel.hf-source-card{border-left:5px solid var(--hf-item-color)!important}.content .cards>.panel.hf-source-card>h3{color:var(--hf-item-color)!important}.content table tbody tr.hf-source-row td:first-child{border-left:5px solid var(--hf-item-color)!important}.content .calendar .event.hf-source-event{background:color-mix(in srgb,var(--hf-item-color) 19%,white)!important;color:#24324c!important;border-left:4px solid var(--hf-item-color)!important;border-radius:5px}.content .calendar .event.hf-source-event:hover{background:color-mix(in srgb,var(--hf-item-color) 31%,white)!important}.hf-delivery-event,.hf-source-event{white-space:normal;text-align:left;overflow-wrap:anywhere}.hf-delivered{opacity:.65;text-decoration:none}.hf-overdue{outline:2px solid #e85d65!important;outline-offset:-2px}.hf-today{box-shadow:inset 0 0 0 2px #398ddd}.hf-followup-list{display:grid;gap:8px;margin-top:12px}.hf-followup{display:block;text-align:left;padding:11px 14px;border:1px solid #dae1ed;border-left:5px solid var(--hf-item-color,#8a96aa);border-radius:9px;background:#fff;color:#233047;cursor:pointer}.hf-followup:hover{background:#f5f8ff}.hf-delivery-event small{font-size:10px;opacity:.85}.hf-batch-controls{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.hf-batch-controls label{flex:1;min-width:180px}.hf-batch-list{display:grid;gap:8px;margin:14px 0;max-height:460px;overflow:auto}.hf-batch-row{display:flex;align-items:center;gap:10px;border:1px solid #dbe4ef;border-radius:10px;padding:10px;background:#f8fbff}.hf-batch-row input[type=checkbox]{flex:0 0 auto}.hf-batch-title{flex:1;min-width:100px;overflow-wrap:anywhere}.hf-batch-row input[type=date]{width:165px;max-width:100%}.hf-weekday-select{padding:10px;background:#f5f8fd;border-radius:10px}.hf-weekday-select .days{margin-top:8px}@media(max-width:600px){.hf-batch-row{flex-wrap:wrap}.hf-batch-row input[type=date]{margin-left:24px;width:calc(100% - 24px)}}.hf-main-nav button:nth-child(1){--tab-color:#65c5ee;--tab-bg:rgba(55,156,210,.14)}.hf-main-nav button:nth-child(2){--tab-color:#56d4bf;--tab-bg:rgba(47,176,153,.14)}.hf-main-nav button:nth-child(3){--tab-color:#f29bb3;--tab-bg:rgba(210,94,131,.14)}.hf-main-nav button:nth-child(4){--tab-color:#efb86b;--tab-bg:rgba(213,142,53,.14)}.hf-main-nav button:nth-child(5){--tab-color:#bb9af5;--tab-bg:rgba(145,104,209,.14)}.hf-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 20px;padding:9px;background:#eaf0f8;border-radius:12px}.hf-subnav:empty{display:none}.hf-subnav button{background:transparent;color:#354968;border-radius:8px;font-weight:600;font-size:13px;padding:9px 15px}.hf-subnav button.hf-subnav-active{background:#fff;color:#1f468f;box-shadow:0 1px 7px #17233b16}@media(max-width:800px){.hf-subnav{overflow-x:auto;flex-wrap:nowrap}.hf-subnav button{white-space:nowrap}}.hf-unified-project{border:2px solid #9dbbe8;background:linear-gradient(180deg,#f7faff,#fff 55%)}.hf-unified-project h3{color:#234c94;font-size:19px}.hf-unified-project small{color:#61728b;line-height:1.7}
