.wl{--ink:#243329;--green:#345b43;--line:#dce3d9;max-width:1120px;margin:0 auto;padding:36px 24px 72px;color:var(--ink)}.wl *{box-sizing:border-box;min-width:0}.wl [hidden]{display:none!important}.wl h1{font-size:clamp(2.4rem,7vw,4rem);letter-spacing:-.055em;margin:0}.wl h2{font-size:1.55rem;letter-spacing:-.025em}.wl p{line-height:1.6}.wl-heading,.wl-toolbar,.wl-actions,.wl-dialog-heading,.wl-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.wl-heading{padding-bottom:24px;border-bottom:1px solid var(--line)}.wl-kicker{letter-spacing:.16em;font-size:.72rem;font-weight:800}.wl button,.wl-primary,.wl input,.wl select,.wl textarea{font:inherit;border-radius:9px;min-height:44px}.wl button,.wl-primary{padding:10px 16px;border:1px solid #b4c1b4;background:#fff;color:var(--ink);cursor:pointer;font-weight:650;transition:transform .1s,background .15s}.wl .wl-primary{background:var(--green);color:white;text-decoration:none;display:inline-block;border-color:var(--green)}.wl button:active{transform:scale(.97)}@media(hover:hover){.wl button:hover{background:#eaf0e6}.wl .wl-primary:hover{background:#234530}}.wl :focus-visible{outline:3px solid #aa6327;outline-offset:3px}.wl button:disabled{opacity:.55;cursor:not-allowed}.wl input,.wl select,.wl textarea{border:1px solid #aab8a8;background:white;color:var(--ink);padding:9px 12px;width:100%;max-width:100%}.wl label{display:grid;gap:7px;font-size:.85rem;font-weight:650}.wl input[type=checkbox]{width:22px;min-height:22px}.wl input[type=range]{padding:0;accent-color:var(--green)}.wl-toolbar{justify-content:flex-start;margin:24px 0}.wl-toolbar>label{flex:1;max-width:260px}.wl-toolbar>#wl-add{margin-left:auto}.wl-nav{display:flex;gap:6px;margin:24px 0;border-bottom:1px solid var(--line);padding-bottom:12px}.wl-nav button{flex:1;border:0;background:transparent;padding:10px 8px}.wl-nav [aria-current=page]{background:var(--ink);color:white}.wl-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;margin:16px 0;overflow-wrap:anywhere}.wl-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.wl-summary>div{background:#eef2e9;padding:20px;border-radius:12px}.wl-summary strong{display:block;font-size:1.8rem;font-variant-numeric:tabular-nums}.wl-summary small{display:block;margin-top:6px}.wl-daybar{display:flex;gap:3px;min-height:58px;margin:20px 0;border-radius:10px;overflow:hidden}.wl-daybar button{padding:8px 2px;min-width:6px;border:0;border-radius:0;background:#41644b;color:white;overflow:hidden}.wl-daybar button:nth-child(3n+2){background:#8a532e}.wl-daybar button:nth-child(3n){background:#586c80}.wl-daybar span{white-space:nowrap}.wl-entry{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.wl-entry:last-child{border:0}.wl-entry h3{margin:0}.wl-entry p{margin:6px 0;color:#53614f}.wl-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:20px 0}.wl-calendar>span{text-align:center;font-size:.75rem;padding:8px 0}.wl-calendar button{padding:9px 3px;min-height:86px;text-align:left;display:flex;flex-direction:column;gap:5px;font-size:.85rem}.wl-calendar .outside{opacity:.55}.wl-calendar .has-work{background:#edf2e8}.wl-calendar .today{border:2px solid #345b43}.wl-calendar .selected{outline:2px solid #aa6327}.wl-calendar small{font-size:.68rem}.wl-chart{display:grid;gap:12px;margin:16px 0}.wl-chart-row{display:grid;grid-template-columns:minmax(90px,1fr) 3fr minmax(52px,auto);align-items:center;gap:12px;font-size:.9rem;overflow-wrap:anywhere}.wl-chart-track{background:#eef1eb;border-radius:5px;overflow:hidden;height:22px;display:flex}.wl-chart-track>i{background:#41644b;display:block;height:100%}.wl-chart-track>b{background:#a16535;display:block;height:100%}.wl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wl-grid .wl-panel{margin:0}.wl-hint{color:#52604f;font-size:.88rem}.wl dialog{color:var(--ink);border:1px solid var(--line);border-radius:18px;width:min(620px,calc(100% - 24px));max-height:90dvh;padding:24px}.wl dialog::backdrop{background:#14211999}.wl-dialog-heading{margin-bottom:20px}.wl-dialog-heading h2{margin:0}.wl #wl-fields{display:grid;gap:16px}.wl-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wl-hour{border:1px solid var(--line);padding:14px;border-radius:12px}.wl-hour-controls{display:grid;grid-template-columns:44px 1fr 85px 44px;gap:8px;align-items:center;margin-top:10px}.wl-hour-controls button{padding:0}.wl details{border:1px solid var(--line);padding:14px;border-radius:10px}.wl summary{cursor:pointer;min-height:30px;font-weight:650}.wl details>div{display:grid;gap:12px;padding-top:12px}.wl #wl-form-error{color:#9a3023}.wl-empty{padding:28px 0}.wl-meter{height:14px;background:#edf2e9;border-radius:7px;overflow:hidden}.wl-meter span{display:block;height:100%;background:#41644b}.wl-status{padding:8px 12px;background:#edf2e9;border-radius:8px}.wl-preview{padding:12px;background:#eef2e9;border-radius:10px}.wl-period{border-top:1px solid var(--line);padding:16px 0}.wl-period h3{margin-top:0}
@media(max-width:600px){.wl{padding:24px 12px 48px}.wl-heading{gap:8px}.wl-heading p{font-size:.9rem}.wl-summary{grid-template-columns:1fr 1fr;gap:8px}.wl-summary>div{padding:14px}.wl-summary strong{font-size:1.5rem}.wl-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wl-nav button{background:#eef2e9}.wl-toolbar>label{max-width:none;width:calc(50% - 8px)}.wl-toolbar>#wl-add{width:100%;margin:0}.wl-panel{padding:16px}.wl-grid,.wl-fields-row{grid-template-columns:1fr}.wl-calendar{gap:3px}.wl-calendar button{min-height:74px;font-size:.75rem;padding:6px 2px}.wl-calendar small{font-size:.6rem}.wl-hour-controls{grid-template-columns:40px 1fr 70px 40px;gap:4px}.wl dialog{padding:16px}.wl-chart-row{grid-template-columns:minmax(75px,1fr) 1.5fr 50px;gap:6px;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.wl *{transition:none!important}}

.wl-daybar .wl-segment-name{display:block;text-overflow:ellipsis;overflow:hidden;font-size:.8rem}.wl-chart-row>.wl-hint{grid-column:1/-1}.wl-entry:focus{outline:3px solid #aa6327;outline-offset:4px;scroll-margin-top:100px}
