.shift-tool{gap:18px;display:grid}.top,.card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px}.top{justify-content:space-between;gap:14px;padding:18px;display:flex}.top>div:first-child,.card>header{align-items:flex-start;gap:9px;display:flex}.top svg,.card>header svg{color:var(--color-primary)}.top h2,.card h2{margin:0;font-size:18px}.top p,.card p{color:var(--color-text-secondary);margin:4px 0 0;font-size:11px}.actions{flex-wrap:wrap;gap:7px;display:flex}.actions button,.card button,.presets button{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 11px;font-weight:700;display:inline-flex}.presets{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.presets button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.card{padding:18px}.card>header{margin-bottom:14px}.main{grid-template-columns:.6fr .4fr;gap:14px;display:grid}.fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fields label{gap:6px;display:grid}.fields span,.hero span,.stats span{text-transform:uppercase;color:var(--color-text-secondary);font-size:9px;font-weight:700}.fields input,.cycle select{border:1px solid var(--color-border);background:#fff;border-radius:9px;min-height:42px;padding:9px}.editor h3{margin:17px 0 8px;font-size:12px}.cycle{gap:6px;display:grid}.cycle>div{grid-template-columns:32px 1fr 40px;align-items:center;gap:6px;display:grid}.cycle>div>span{text-align:center;color:var(--color-text-secondary);font-size:10px}.cycle button{width:40px;padding:0}.cycle-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.summary>header,.calendar-card>header,.history>header{grid-template-columns:auto 1fr auto;display:grid}.summary>header>button,.history>header>button{width:39px;padding:0}.hero{color:#fff;background:#101522;border-radius:12px;padding:18px}.hero span,.hero strong,.hero small{display:block}.hero span,.hero small{color:#9ca8ba}.hero strong{margin:5px 0;font-size:46px}.stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.stats article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:11px}.stats svg{width:16px}.stats b{margin-top:5px;font-size:22px;display:block}.calendar{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.weekday{text-align:center;color:var(--color-text-secondary);padding:6px;font-size:10px}.blank{min-height:90px}.day{border:1px solid var(--color-border);background:#f8f9fc;border-radius:10px;min-height:90px;padding:10px;position:relative}.day strong{font-size:16px}.day>span{border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid;position:absolute;top:9px;right:9px}.day small{color:var(--color-text-secondary);margin-top:25px;font-size:9px;display:block}.work-day>span{color:#24724f;background:#e7f7ee}.night>span{color:#4c568a;background:#e9ecfa}.off>span{color:#69717d;background:#f0f1f4}.lower{grid-template-columns:.58fr .42fr;gap:14px;display:grid}.upcoming>div{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.upcoming>div>article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.upcoming .sun,.upcoming .moon{border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.upcoming .sun{color:#28704e;background:#edf8ef}.upcoming .moon{color:#4d5688;background:#eceefa}.upcoming b,.upcoming span{display:block}.upcoming b{text-transform:capitalize;font-size:10px}.upcoming span{color:var(--color-text-secondary);margin-top:3px;font-size:9px}.export{flex-direction:column;display:flex}.export-buttons{grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;display:grid}.history>div{gap:7px;display:grid}.history>div>article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.history b,.history span{display:block}.history span{color:var(--color-text-secondary);margin-top:3px;font-size:9px}.empty{border:1px dashed var(--color-border);text-align:center;color:var(--color-text-secondary);border-radius:9px;padding:16px;font-size:11px}.note{color:#49617f;background:#f5f8ff;border:1px solid #d8e2fa;border-radius:11px;gap:8px;padding:13px 15px;font-size:12px;line-height:1.6;display:flex}.note svg{flex:none}button:disabled{opacity:.45}@media (width<=1000px){.top{flex-direction:column}.main,.lower{grid-template-columns:1fr}.calendar{gap:4px}.day{min-height:75px}.upcoming>div{grid-template-columns:1fr}}@media (width<=700px){.presets,.fields{grid-template-columns:1fr 1fr}.calendar{grid-template-columns:repeat(7,minmax(40px,1fr));overflow:auto}.calendar-card{overflow:hidden}.day{min-height:68px;padding:6px}.day small{display:none}.day>span{width:20px;height:20px;top:5px;right:5px}.history>div>article{grid-template-columns:1fr}}@media print{.top,.presets,.editor,.summary,.lower,.history,.note,.hero+*,header button{display:none!important}.calendar-card{border:0!important}.calendar{gap:4px}.day{break-inside:avoid}}