:root{font:14px/1.35 Arial,sans-serif;color:#17283d;background:#f1f5fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,select{cursor:pointer}button{background:white;border:1px solid #bacbdb;border-radius:6px;padding:7px 9px}button:hover{background:#edf4fc}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2073d0;outline-offset:-2px}.primary{background:#1763b5;border-color:#1763b5;color:white}.link{border:0;background:transparent;color:#245f9c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
header{display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #cedbe8;padding:12px 18px;gap:12px}header strong{font-size:18px}header span{color:#50657d;margin-left:8px}.content{padding:14px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.toolbar select,.toolbar input{border:1px solid #bacbdb;border-radius:6px;background:white;padding:8px;min-height:36px}.toolbar input{flex:1;min-width:160px}.spacer{flex:1}.carry{background:#dfedfc;padding:8px 10px;display:flex;gap:10px;align-items:center;border-radius:6px;margin-bottom:10px}.sheet{background:white;border:1px solid #cad8e7;border-radius:7px;overflow:hidden}.sheet-head,.legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 10px;color:#526880;font-size:12px}.scroll{overflow-x:auto}table{table-layout:fixed;width:100%;min-width:950px;border-collapse:collapse;font-size:13px}col.number{width:2.5%}col.who{width:6%}col.brand{width:5.5%}col.kind{width:8%}col.work{width:8%}col.name{width:8.5%}col.phone{width:9.5%}col.district{width:7%}col.address{width:21%}col.date{width:8%}col.note{width:9.5%}col.done{width:4%}col.actions{width:2.5%}th{background:#edf3f9;border:1px solid #cfdeec;text-align:left;padding:4px 3px;vertical-align:top;font-size:12px;overflow-wrap:anywhere}th select{display:block;width:100%;border:0;background:transparent;padding:1px 0;font-size:11px;min-width:0;color:#415d7c}td{border:1px solid #d8e2ec;vertical-align:middle;padding:0;background:var(--row,#fff)}tr.done{--row:#fff1ac}tr.problem{--row:#fde6e3}tr.done.problem{--row:#fff1ac}tr.cancelled{--row:#eef1f4;color:#5d6b78}tr.selected td{box-shadow:inset 0 1px #1763b5,inset 0 -1px #1763b5}td.number{background:#f3f7fa;text-align:center}.row-number,.row-menu{border:0;border-radius:0;background:transparent;width:100%;height:100%;min-height:35px;padding:3px}.row-number{font-size:11px;color:#526880}.cell{border:1px solid transparent;background:transparent;width:100%;min-width:0;min-height:35px;padding:5px 3px;line-height:1.3;resize:none;field-sizing:content;overflow:hidden;overflow-wrap:anywhere;display:block}.cell:focus{background:white;border-color:#1763b5}.select-wrap{position:relative;display:flex;align-items:center;min-height:35px;padding:4px 11px 4px 3px;overflow-wrap:anywhere}.select-wrap:after{content:'▾';position:absolute;right:2px;font-size:9px;color:#526880;pointer-events:none}.select-wrap select{position:absolute;inset:0;width:100%;height:100%;opacity:0}.select-wrap:focus-within{outline:2px solid #1763b5;outline-offset:-2px}td.check{text-align:center}input[type=checkbox]{width:17px;height:17px;accent-color:#1763b5}.row-menu{font-size:18px;font-weight:bold;padding:0}.legend{justify-content:flex-start;gap:16px}.legend span:last-child{margin-left:auto}.swatch{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle}.swatch.yellow{background:#ffe580}.swatch.red{background:#f6b4b0}.message{margin-top:10px;padding:9px 12px;background:#17365a;color:white;border-radius:6px;display:flex;justify-content:space-between}.message button{color:white;background:transparent;border:0;text-decoration:underline}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{background:white;border:1px solid #cad8e7;border-radius:10px;padding:28px;width:min(100%,380px)}.brandmark{width:38px;height:38px;background:#1763b5;color:white;border-radius:8px;display:grid;place-items:center;font-size:20px;font-weight:bold}.login h1{font-size:24px;margin:18px 0 6px}.login p{color:#526880}.login label{display:block;font-weight:bold;margin:18px 0}.login input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #bacbdb;border-radius:6px}.login button{width:100%;padding:10px}#login-error{color:#a22323}dialog{border:0;border-radius:10px;padding:0;width:min(580px,95vw);box-shadow:0 10px 60px #10203955}dialog::backdrop{background:#10203966}.dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e2ec;padding:14px}.dialog-header h2{margin:0;font-size:19px}.dialog-body{padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.dialog-body label{display:flex;gap:6px;align-items:center}.danger{color:#a32626;border-color:#e5b7b7}details{width:100%}#source-cells{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f7fa;padding:10px;margin-top:8px;max-height:35vh;overflow:auto}#save-status{font-size:12px;color:#426a55}[hidden]{display:none!important}@media(max-width:700px){.content{padding:8px}.sheet-head span:last-child{display:none}.toolbar input{order:2;flex-basis:100%}header{padding:10px}.legend span:last-child{margin-left:0}}
.backup-form{display:block;line-height:1.5}.backup-form p{margin:0 0 12px}.backup-form label{display:block;margin:14px 0;font-weight:bold}.backup-form input{display:block;width:100%;padding:8px;border:1px solid #bacbdb;border-radius:6px;margin:5px 0}.backup-key{display:flex;gap:6px;align-items:center;margin:8px 0 15px}.backup-key input{min-width:0;flex:1}.backup-key button{white-space:nowrap}.backup-form a{color:#1763b5}#backup-error{color:#a32626;margin-top:10px}@media(max-width:550px){.backup-key{flex-wrap:wrap}.backup-key input{flex-basis:100%}}
.settings-body{display:block}.settings-body p{margin:0 0 12px}.settings-body label{display:block;font-weight:bold;margin:10px 0 4px}.settings-body select,.settings-body input{width:100%;padding:8px;border:1px solid #bacbdb;border-radius:6px;background:white}.option-entry{display:flex;gap:8px;margin:12px 0}.option-entry input{flex:1;min-width:0}#option-list{list-style:none;padding:0;margin:0;max-height:35vh;overflow:auto}#option-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #d8e2ec}#option-list li span{overflow-wrap:anywhere}#option-error{color:#a32626}
th{position:relative}.resize-column{position:absolute;z-index:2;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;touch-action:none}.settings-body h3{font-size:15px;margin:0 0 8px}#reset-widths{margin-top:14px}
tr.problem td:nth-child(11){box-shadow:inset 3px 0 #b8322a}tr.problem td:nth-child(11) textarea{color:#9f2822}
table,table th,table th select,table .cell,table .select-wrap,table .row-number{font-family:Arial,sans-serif;font-size:11px}tr.done,tr.done.problem{--row:#ffff00}.swatch.yellow{background:#ffff00}
:root{font-family:Arial,sans-serif;font-size:14px}.cell,.select-wrap{min-height:25px;padding-top:3px;padding-bottom:3px}.row-number,.row-menu{min-height:25px}table input[type=checkbox]{width:15px;height:15px}
table,table th,table th select,table .cell,table .select-wrap,table .row-number,.sheet-head,.legend,#save-status,.settings-body h3{font-size:14px}
.cell[data-mode="selected"]{caret-color:transparent}
.scroll td{vertical-align:bottom}.scroll td.number,.scroll td.check{vertical-align:middle}.cell:focus,.cell:focus-visible{background:transparent;border-color:transparent;outline:none}
.date-picker{position:fixed;z-index:1000;width:252px;padding:12px 10px 9px;background:#fff;color:#17283d;border:1px solid #ccd5df;border-radius:5px;box-shadow:0 3px 12px #17283d38;font:14px/1.3 Arial,sans-serif}.date-picker-head{display:flex;align-items:center;gap:2px;padding:0 2px 8px}.date-picker-head strong{flex:1;font-weight:normal;text-transform:capitalize}.date-picker-head button{width:30px;height:30px;border:0;padding:0;color:#6d7984;font-size:22px}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;align-items:center}.date-picker-grid span{height:26px;font-size:12px;padding-top:5px}.date-picker-grid button{width:30px;height:30px;justify-self:center;padding:0;border:1px solid transparent;border-radius:50%;font-size:12px}.date-picker-grid button.other-month{color:#b0bac5}.date-picker-grid button.today{border-color:#2466d3}.date-picker-grid button.chosen{background:#2b69d8;color:white}.date-picker-today{border:0;padding:8px 5px 2px;color:#1763d3}
.scroll{max-height:max(200px,calc(100dvh - 220px));overflow:auto}.scroll thead th{position:sticky;top:0;z-index:3}
.settings-body #option-list li input{flex:1;min-width:0;width:auto}
.select-wrap{padding-right:18px}.select-wrap:after{content:'';right:5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #53677b}
.scroll td:has(.cell[data-mode="selected"]:focus){outline:1px solid #8796a5;outline-offset:-1px}.resize-column{right:0;width:10px}
.scroll td.invalid-phone{box-shadow:inset -3px 0 #c2352c}
tr[data-blank="true"] td.check input,tr[data-blank="true"] .row-menu{visibility:hidden}