*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-family,system-ui,sans-serif);background:var(--c-background,#1a1816);color:var(--c-text,#ece6df);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:root{--sidebar-w:264px}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;padding:var(--s-md);position:fixed;inset:0 auto 0 0;z-index:40;transform:translateX(0);transition:transform .2s ease}.sidebar.collapsed{transform:translateX(calc(-1 * var(--sidebar-w)))}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-lg)}.brand{font-weight:700;font-size:20px;color:var(--c-accent);letter-spacing:.3px}.navlink{display:flex;align-items:center;gap:var(--s-sm);padding:var(--s-sm) var(--s-md);border-radius:var(--r-md);color:var(--c-textMuted);font-weight:500}.navlink:hover{background:var(--c-surfaceHover);color:var(--c-text)}.navlink.active{background:var(--c-surfaceAlt);color:var(--c-accent)}.main{flex:1 1;margin-left:var(--sidebar-w);transition:margin .2s ease;min-width:0}.main.full{margin-left:0}.topbar{display:flex;align-items:center;gap:var(--s-md);padding:var(--s-md) var(--s-lg);border-bottom:1px solid var(--c-border);position:-webkit-sticky;position:sticky;top:0;background:var(--c-background);z-index:30}.content{padding:var(--s-lg)}.iconbtn{background:transparent;border:1px solid transparent;color:var(--c-textMuted);width:38px;height:38px;border-radius:var(--r-md);font-size:18px;display:inline-flex;align-items:center;justify-content:center}.iconbtn:hover{background:var(--c-surfaceHover);color:var(--c-text)}.btn{background:var(--c-accent);color:var(--c-onAccent);border:none;padding:var(--s-sm) var(--s-lg);border-radius:var(--r-md);font-weight:600}.btn:hover{background:var(--c-accentHover)}.btn.ghost{background:transparent;color:var(--c-text);border:1px solid var(--c-border)}.btn.ghost:hover{background:var(--c-surfaceHover)}.btn.sm{padding:6px 10px;font-size:13px}input,select,textarea{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:8px 10px;font-family:inherit;font-size:14px;width:100%}label{display:block;font-size:13px;color:var(--c-textMuted);margin:var(--s-md) 0 4px}.row{display:flex;gap:var(--s-md)}.row>*{flex:1 1}.card{padding:var(--s-lg)}.calendar,.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg)}.calendar{display:flex;position:relative;overflow:hidden}.timegutter{width:60px;flex-shrink:0;border-right:1px solid var(--c-border)}.timecell{height:60px;font-size:11px;color:var(--c-textFaint);padding:2px 6px;text-align:right;box-sizing:border-box}.daycol{position:relative;flex:1 1}.hourline{height:60px;border-bottom:1px solid var(--c-calendarGrid)}.eventblock{position:absolute;left:6px;right:10px;background:var(--c-surfaceAlt);border-left:3px solid var(--c-accent);border-radius:var(--r-sm);padding:4px 8px;overflow:hidden;font-size:12px;color:var(--c-text);cursor:pointer}.eventblock.fixed{border-left-color:var(--c-danger);background:var(--c-surfaceHover)}.eventblock .et{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventblock .em{color:var(--c-textMuted)}.offhours{background:var(--c-background);opacity:.45;z-index:1}.offhours,.windowline{position:absolute;left:0;right:0;pointer-events:none}.windowline{border-top:2px dashed var(--c-accent);font-size:11px;line-height:1;color:var(--c-accent);padding:2px 0 0 8px;z-index:4}.nowline{left:0;right:0;height:2px;z-index:5}.nowline,.nowline:before{position:absolute;background:var(--c-nowLine)}.nowline:before{content:"";left:-4px;top:-3px;width:8px;height:8px;border-radius:50%}.weekcal{border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden auto;background:var(--c-surface)}.weekgrid{display:grid;grid-template-columns:60px repeat(7,1fr)}.weekcorner{z-index:7;border-right:1px solid var(--c-border)}.weekcorner,.weekhead{position:-webkit-sticky;position:sticky;top:0;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.weekhead{height:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--c-textMuted);border-left:1px solid var(--c-border);z-index:6;cursor:pointer}.weekhead.today{color:var(--c-accent)}.weekgutter{border-right:1px solid var(--c-border)}.weekbody{position:relative;border-left:1px solid var(--c-border)}.monthwrap{border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface)}.monthhead{display:grid;grid-template-columns:repeat(7,1fr)}.monthhead>div{padding:6px;text-align:center;font-size:12px;font-weight:600;color:var(--c-textMuted);border-bottom:1px solid var(--c-border)}.monthgrid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(92px,1fr)}.monthcell{border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);padding:4px;overflow:hidden;cursor:pointer}.monthcell:hover{background:var(--c-surfaceHover)}.monthcell.dim{opacity:.45}.monthcell.today .mdate{background:var(--c-accent);color:var(--c-onAccent);border-radius:50%}.mdate{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;font-size:12px;font-weight:600;margin-bottom:2px}.monthchip{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid var(--c-accent);padding:1px 4px;margin-bottom:2px;border-radius:var(--r-sm);background:var(--c-surfaceAlt);color:var(--c-text)}.mmore,.monthchip .mtime{color:var(--c-textMuted)}.mmore{font-size:10px;padding-left:4px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:60;padding:var(--s-md)}.modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);width:560px;max-width:100%;max-height:90vh;overflow:auto;padding:var(--s-lg)}.modal h2{margin-top:0}.seg{display:inline-flex;background:var(--c-surfaceAlt);border-radius:var(--r-pill);padding:3px}.seg button{background:transparent;border:none;color:var(--c-textMuted);padding:6px 14px;border-radius:var(--r-pill);font-weight:600}.seg button.on{background:var(--c-accent);color:var(--c-onAccent)}.ctxmenu{position:fixed;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:4px;z-index:70;box-shadow:0 8px 28px rgba(0,0,0,.4);min-width:190px}.ctxmenu button{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--c-text);padding:8px 12px;border-radius:var(--r-sm);font-size:13px}.ctxmenu button:hover{background:var(--c-surfaceHover)}.ctxmenu .sep{height:1px;background:var(--c-border);margin:4px 0}.toasts{position:fixed;right:var(--s-lg);bottom:var(--s-lg);display:flex;flex-direction:column;gap:var(--s-sm);z-index:90}.toast{background:var(--c-surfaceAlt);border:1px solid var(--c-border);border-left:4px solid var(--c-accent);padding:10px 14px;border-radius:var(--r-md);font-size:13px;max-width:360px}.toast.warn{border-left-color:var(--c-warning)}.toast.error{border-left-color:var(--c-danger)}.toast.success{border-left-color:var(--c-success)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--c-surfaceAlt);border:1px solid var(--c-border);border-radius:var(--r-pill);padding:4px 10px;font-size:12px;cursor:pointer}.chip.on{background:var(--c-accent);color:var(--c-onAccent);border-color:var(--c-accent)}.muted{color:var(--c-textMuted)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--s-md);border:1px solid var(--c-border);border-radius:var(--r-md);margin-bottom:var(--s-sm);background:var(--c-surface)}@media (max-width:820px){.main{margin-left:0}.sidebar{box-shadow:0 0 40px rgba(0,0,0,.5)}}