:root{font-family:Arial,sans-serif;color:#242424;background:#f7f7f5;font-size:13px;--scale:1}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select{font:inherit}button,select{background:#fff;border:1px solid #ccc;border-radius:3px;padding:5px 7px;color:inherit}button{cursor:pointer}button:hover{background:#e6edf5}button:disabled{opacity:.45;cursor:default}button.active{background:#d9e9fc;border-color:#6199cc}input{border:1px solid #ccc;padding:5px;border-radius:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3477b5;outline-offset:1px}main{height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:9px;padding:8px 10px;border-bottom:1px solid #ddd;background:#fff;flex:none}header strong{white-space:nowrap}#dateTitle{flex:1;color:#555;font-size:12px}#sync{font-size:11px;color:#356846;white-space:nowrap}#sync.error{color:#b03028}.toolbar,.actions,.editbar,.findbar{display:flex;gap:4px;align-items:center;padding:5px 7px;flex-wrap:wrap;border-bottom:1px solid #ddd;flex:none}.toolbar{background:#f1f1ef}.toolbar label{display:flex;align-items:center;gap:2px;padding-left:3px}.toolbar input[type=color]{width:23px;height:25px;border:0;padding:0}.editbar{background:white;flex-wrap:nowrap}#address{font-size:11px;color:#666;min-width:90px}#formula{flex:1;min-width:40px}.actions{padding:4px 7px}.actions button{font-size:11px;padding:4px 5px}#gridWrap{flex:1;overflow:auto;background:white;min-height:0}table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:calc(13px * var(--scale))}th{position:sticky;top:0;background:#eee;z-index:2;text-align:left;font-size:11px;height:27px;border-bottom:1px solid #bbb}td,th{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:4px 5px}td{min-height:25px;height:27px;vertical-align:top;position:relative;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;cursor:cell}td.time{background:#f6f6f4;color:#555;font-size:11px;white-space:nowrap;vertical-align:middle}.handlecol{width:19px}.timecol{width:78px}.statuscol{width:49px}.countcol{width:40px}.plancol{width:40%}.actualcol{width:30%}.notescol{width:auto}.handle{background:#f3f3f1;color:#999;text-align:center;padding:3px 0;cursor:grab;font-size:12px;vertical-align:middle}td.selected{outline:2px solid #3477b5;outline-offset:-2px;background-image:linear-gradient(#387ed315,#387ed315)}td.anchor{outline-color:#12528a}td.match{box-shadow:inset 0 0 0 2px #e6b847}tr.now td.time{background:#dceede;font-weight:bold}tr.dragOver td{border-top:3px solid #3477b5}.celltext{min-height:16px}.cellimage{display:block;max-width:100%;max-height:110px;object-fit:contain;margin:4px auto 0}.celleditor{width:100%;min-height:44px;border:1px solid #3477b5;padding:0;font:inherit;resize:vertical;background:#fff;color:#222}footer{display:flex;align-items:center;background:#eee;border-top:1px solid #ccc;padding:3px 5px;flex:none}#tabs{display:flex;gap:2px;overflow-x:auto;flex:1;scrollbar-width:thin}#tabs button{border:0;border-right:1px solid #ccc;border-radius:0;background:transparent;white-space:nowrap;padding:6px 11px}#tabs button.active{background:#fff;font-weight:bold;border-bottom:2px solid #3477b5}.findbar{border-top:1px solid #ddd;border-bottom:0;font-size:11px;gap:5px}#find{flex:1;min-width:70px}#findCount{color:#666}.findbar label{display:flex;gap:3px;align-items:center;white-space:nowrap}#fileMenu{position:absolute;right:7px;top:42px;z-index:8;display:flex;flex-direction:column;gap:3px;padding:7px;background:#fff;border:1px solid #bbb;box-shadow:0 3px 14px #0002}#notice{position:fixed;bottom:82px;left:50%;transform:translateX(-50%);max-width:90%;background:#253e52;color:white;padding:10px 15px;border-radius:4px;z-index:20}#login{height:100dvh;display:grid;place-items:center;padding:20px}#login form{width:min(360px,100%);background:#fff;padding:28px;border:1px solid #ddd;border-radius:5px}#login h1{font-size:23px;margin-top:0}#login label{display:flex;flex-direction:column;gap:6px;margin:16px 0}#login button{width:100%;background:#2c658e;color:#fff;padding:9px}#loginError{color:#b03028}#openLink{font-size:11px;white-space:nowrap}
@media(max-width:620px){header{gap:5px;padding:6px}header strong{font-size:12px}#dateTitle{font-size:11px}#sync{font-size:10px}.toolbar{gap:3px;padding:4px}.toolbar button,.toolbar select{font-size:11px;padding:4px}.actions{gap:3px}.timecol{width:67px}.statuscol{width:40px}.countcol,.notescol{width:0}.plancol{width:55%}.actualcol{width:auto}#grid th:nth-child(5),#grid td:nth-child(5),#grid th:nth-child(7),#grid td:nth-child(7){display:none}table{font-size:calc(12px * var(--scale))}td{padding:4px 3px}.findbar label{font-size:10px}#address{min-width:65px;font-size:10px}.toolbar #font,.toolbar #format,.toolbar #clearFormat{max-width:75px}.findbar #zoom{max-width:62px}}
.handlecol{width:44px}.handle{padding:0;cursor:default;user-select:none}.rowselect{border:0;border-radius:0;background:transparent;padding:5px 1px;font-size:10px;min-width:24px;cursor:default}.rowgrip{display:inline-block;cursor:grab;padding:4px 2px;font-size:12px}td.handle.rowSelected{background:#d9e9fc;color:#12528a}#grid th[data-column]{cursor:pointer}#selectAll{cursor:pointer;font-size:11px;text-align:center}#gridWrap:focus{outline:none}
.allColumns table{min-width:850px}.allColumns #grid th:nth-child(5),.allColumns #grid td:nth-child(5),.allColumns #grid th:nth-child(7),.allColumns #grid td:nth-child(7){display:table-cell}.allColumns .countcol{width:40px}.allColumns .notescol{width:160px}
@media print{header button,.toolbar,.actions,.editbar,footer,.findbar,#notice{display:none!important}main{height:auto}#gridWrap{overflow:visible}th{position:static}td.selected{outline:none;background-image:none}header{border:0}table{font-size:11px}tr{break-inside:avoid}}