:root{--w:235px;--h:200px;--gap:2px;--pad:4px;--r:8px;--bg:#FAFAFA;--panel:#FFFFFF;--border:#E5E7EB;--ink:#333333;--muted:#6B7280;--accent:#2563EB;--range:#E0E7FF;--disabled:#9CA3AF;--prev-range:#F4F4F4;--prev-edge:#E9E9E9}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wrap{width:var(--w);padding:var(--pad);box-sizing:border-box}.box{position:relative;width:100%;height:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:4px;box-sizing:border-box;display:flex;flex-direction:column;gap:2px}html.adaptive,html.adaptive body{width:100%;height:100%;margin:0}html.adaptive .wrap{width:100%;box-sizing:border-box}html.adaptive .box{width:100%;max-height:100vh;box-sizing:border-box;overflow:hidden}html.adaptive .lbl{max-width:none}html.adaptive #grid{flex:0 1 auto;min-height:0;overflow:hidden}html.adaptive .day-grid,html.adaptive .week-grid,html.adaptive .month-grid,html.adaptive .quarter-grid,html.adaptive .year-grid{min-height:0}html.adaptive .day-grid{grid-auto-rows:minmax(0,18px)}html.adaptive .week-grid{grid-auto-rows:minmax(0,34px)}html.adaptive .month-grid,html.adaptive .quarter-grid,html.adaptive .year-grid{grid-auto-rows:minmax(0,30px)}html.adaptive .cell,html.adaptive .week-btn,html.adaptive .month-btn,html.adaptive .quarter-btn,html.adaptive .year-btn{height:auto;min-height:0}html.adaptive .head,html.adaptive #dow,html.adaptive #footRow,html.adaptive .range-card,html.adaptive .manual-date-row{flex-shrink:0}.head{display:flex;align-items:center;justify-content:space-between;gap:4px}.btn{all:unset;cursor:pointer;padding:0 6px;height:20px;line-height:20px;border-radius:6px;border:1px solid var(--border);background:#f3f4f6;color:var(--ink);font-size:11px;white-space:nowrap;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;transition:transform .08s ease,filter .08s ease}.btn.icon{width:22px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed}.lbl{font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;text-align:center;cursor:pointer}#monthLabel{display:inline-flex;align-items:center;height:20px;line-height:20px;padding:0 8px;border-radius:7px;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,padding .12s ease}#monthLabel:hover{background:#f8f8f8;border-color:var(--border);padding:0 12px}.gear{all:unset;width:22px;height:20px;line-height:20px;border:1px solid var(--border);background:#f3f4f6;border-radius:6px;text-align:center;cursor:pointer;display:none}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap)}.day-grid{min-height:124px;margin-top:4px;margin-bottom:5px}#grid{margin-top:4px}#dow{padding-top:4px}.dow{font-size:10px;color:var(--muted);text-align:center;padding:2px 0}.gran{display:flex;gap:6px;margin:5px 0 0;align-items:center;position:relative;align-self:center;height:22px}.gran .btn{flex:0 0 auto;width:22px;height:22px;line-height:22px;padding:0;font-size:12px;justify-content:center}.gran .btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cell{position:relative;font-size:11px;text-align:center;line-height:18px;height:18px;border-radius:6px;-webkit-user-select:none;user-select:none;border:1px solid transparent;color:var(--ink);cursor:pointer}.cell:hover{outline:2px solid rgba(37,99,235,.2)}.cell.disabled{color:var(--disabled);pointer-events:none;outline:none}.in-range{background:var(--range)}.start,.end{background:var(--accent);color:#fff;font-weight:700}.start{border-top-left-radius:8px;border-bottom-left-radius:8px}.end{border-top-right-radius:8px;border-bottom-right-radius:8px}.prev-range{background:var(--prev-range)}.prev-start,.prev-end{background:var(--prev-edge);font-weight:600}.prev-start{border-top-left-radius:8px;border-bottom-left-radius:8px}.prev-end{border-top-right-radius:8px;border-bottom-right-radius:8px}.cell.today:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--accent);border-radius:5px;pointer-events:none}.foot{display:flex;align-items:center;gap:4px;justify-content:space-between;margin-top:0;flex-wrap:wrap;flex:1;height:22px}.foot .btn{flex:1;font-size:10px;height:22px;line-height:22px;padding-left:6px;padding-right:6px;margin:0}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;height:22px;padding-bottom:2px}.head{position:relative}.granpopup{position:absolute;right:0;bottom:26px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #00000014;padding:6px;display:none;z-index:14;min-width:70px;max-width:70px}.granpopup.show{display:block}.granpopup .btn{width:68px;margin:0;background:#fff;font-size:11px;height:22px;line-height:22px}.granpopup .btn:last-child{margin:0}.granpopup .btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.week-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px;margin-bottom:5px;min-height:144px;align-content:start}.week-btn{all:unset;display:flex;align-items:center;justify-content:center;padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-size:11px;color:var(--ink);text-align:center;height:34px;max-width:100px;width:100%;justify-self:center;box-sizing:border-box;transition:transform .08s ease,filter .08s ease}.week-btn:hover{outline:2px solid rgba(37,99,235,.2)}.week-btn.disabled{color:var(--disabled);background:#f9fafb;cursor:not-allowed;outline:none}.week-btn.in-range{background:var(--range)}.week-btn.sel{background:var(--accent);color:#fff;font-weight:700;border-color:var(--accent)}.week-btn.prev-range{background:var(--prev-range)}.week-btn.prev-start,.week-btn.prev-end{background:var(--prev-edge)}.week-btn.start,.week-btn.end{background:var(--accent);color:#fff;font-weight:700;border-color:var(--accent)}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;margin-bottom:5px;min-height:148px;align-content:start}.month-btn{all:unset;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-size:11px;color:var(--ink);text-align:center;height:30px;box-sizing:border-box;transition:transform .08s ease,filter .08s ease}.month-btn:hover{outline:2px solid rgba(37,99,235,.2)}.month-btn.disabled{color:var(--disabled);background:#f9fafb;cursor:not-allowed;outline:none}.month-btn.in-range{background:var(--range)}.month-btn.sel,.month-btn.start,.month-btn.end{background:var(--accent);color:#fff;font-weight:700;border-color:var(--accent)}.month-btn.prev-range{background:var(--prev-range)}.month-btn.prev-start,.month-btn.prev-end{background:var(--prev-edge)}.quarter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px;margin-bottom:5px;min-height:148px;align-content:start}.quarter-btn{all:unset;display:flex;align-items:center;justify-content:center;padding:6px 4px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-size:11px;color:var(--ink);text-align:center;height:30px;box-sizing:border-box;transition:transform .08s ease,filter .08s ease}.quarter-btn:hover{outline:2px solid rgba(37,99,235,.2)}.quarter-btn.disabled{color:var(--disabled);background:#f9fafb;cursor:not-allowed;outline:none}.quarter-btn.in-range{background:var(--range)}.quarter-btn.sel,.quarter-btn.start,.quarter-btn.end{background:var(--accent);color:#fff;font-weight:700;border-color:var(--accent)}.quarter-btn.prev-range{background:var(--prev-range)}.quarter-btn.prev-start,.quarter-btn.prev-end{background:var(--prev-edge)}.year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px;margin-bottom:5px;min-height:148px;align-content:start}.year-btn{all:unset;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-size:12px;color:var(--ink);text-align:center;height:30px;box-sizing:border-box;transition:transform .08s ease,filter .08s ease}.year-btn:hover{outline:2px solid rgba(37,99,235,.2)}.year-btn.disabled{color:var(--disabled);background:#f9fafb;cursor:not-allowed;outline:none}.year-btn.in-range{background:var(--range)}.year-btn.sel,.year-btn.start,.year-btn.end{background:var(--accent);color:#fff;font-weight:700;border-color:var(--accent)}.year-btn.prev-range{background:var(--prev-range)}.year-btn.prev-start,.year-btn.prev-end{background:var(--prev-edge)}.range-text{font-size:11px;color:var(--ink);margin:0;min-height:14px;display:none}.btn:active,.week-btn:active,.month-btn:active,.quarter-btn:active,.year-btn:active,.cell:active{transform:translateY(1px);filter:brightness(.97)}.range-card{display:none;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:6px 8px;box-sizing:border-box;margin-bottom:6px}.panel{position:absolute;left:8px;right:8px;bottom:-12px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:0 6px 20px #00000014;display:none;z-index:10;max-height:calc(var(--h) - 16px);overflow:auto}.panel.show{display:block}.row{display:flex;gap:8px;margin-top:6px}label{display:block;font-size:11px;color:#374151;margin:0 0 4px}select,input[type=checkbox],input[type=text],input[type=number]{box-sizing:border-box}select,input[type=text],input[type=number]{width:100%;border:1px solid #E5E7EB;border-radius:6px;padding:4px 6px;font-size:12px;background:#fff}input[type=number]{-moz-appearance:textfield}.panel .btns{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.panel .btns #saveCfg{background:#d4eec8;border-color:#d4eec8}.toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#111827;margin-top:8px}.btncfg{margin-top:8px;border-top:1px dashed var(--border);padding-top:8px}.btncfg h4{margin:0 0 6px;font-size:12px;color:#111827}.btnrow{display:grid;grid-template-columns:88px minmax(166px,1fr) 48px 70px 20px;gap:6px;align-items:center;margin-bottom:6px}.btnrow select.btnGran{width:70px;height:24px;padding-left:6px}.btnrow input.btnLabel{width:100%;height:24px}.btnrow input.btnAmount{width:48px;height:24px;padding-right:4px;padding-left:6px}.btnrow select.btnUnit{width:70px;height:24px;padding-left:6px}.btnrow .btn{height:20px;line-height:20px;font-size:14px;font-weight:700;padding:0;width:20px;min-width:20px;border-radius:6px}.btnrow .del{background:#fee2e2;border-color:#fca5a5}.btnrow .del:hover{filter:brightness(.98)}.btnadd{display:grid;grid-template-columns:88px minmax(166px,1fr) 48px 70px 20px;gap:6px;align-items:center}.btnadd select#newBtnGran{width:70px;height:24px;padding-left:6px}.btnadd input#newBtnLabel{width:100%;height:24px}.btnadd input#newBtnAmount{width:48px;height:24px}.btnadd select#newBtnUnit{width:70px!important;height:24px;padding-left:6px}.btnadd .btn#addBtn{height:20px;width:20px;min-width:20px;line-height:20px;font-size:16px;font-weight:700;padding:0;background:#ecfdf5;border-color:#a7f3d0}.monthpicker{position:absolute;left:8px;right:8px;top:26px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #00000014;padding:8px;display:none;z-index:12}.monthpicker.show{display:block}.mp-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.mp-year{font-size:12px;font-weight:600}.mp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mp-cell{all:unset;position:relative;display:flex;align-items:center;justify-content:center;height:22px;line-height:22px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:11px;background:#f9fafb;text-align:center;overflow:hidden}.mp-cell:hover{outline:2px solid rgba(37,99,235,.2)}.mp-cell.active{border-color:var(--accent)}.mp-cell.sel{background:var(--accent);color:#fff;border-color:var(--accent)}.mp-cell.disabled{color:var(--disabled);background:#f3f4f6;cursor:not-allowed;opacity:.7;pointer-events:none}.mp-cell .fill{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--accent);opacity:.35;border-radius:0;pointer-events:none}.presetspopup{position:absolute;left:8px;right:8px;bottom:36px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #00000014;padding:8px;display:none;z-index:13;max-height:calc(var(--h) - 64px);overflow:auto;scrollbar-gutter:stable}.presetspopup.show{display:block}.pp-grid{display:grid;grid-template-columns:1fr;gap:6px;align-items:stretch}.pp-grid .btn{width:100%;box-sizing:border-box}.presetspopup .btn{white-space:normal;overflow-wrap:anywhere;word-break:break-word;height:auto;line-height:1.3;padding:6px 8px}.field-row{display:flex;align-items:center;gap:8px}.field-row label{margin:0;white-space:nowrap;font-size:11px;width:100px}.field-row select{flex:1}.manual-date-row{display:none;gap:4px;padding:0 2px;margin-bottom:2px;align-items:center}.manual-date-row.show{display:flex}.manual-date-sep{font-size:11px;color:var(--muted);flex-shrink:0;line-height:1}.manual-date-input{flex:1;min-width:0;border:1px solid var(--border);border-radius:6px;padding:3px 6px;font-size:11px;color:var(--ink);background:#fff;outline:none;text-align:center;height:22px;box-sizing:border-box}.manual-date-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb26}.manual-date-input.invalid{border-color:#ef4444;background:#fef2f2}