@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#183b56;--ink:#172b3a;--muted:#6b7c88;--line:#dce5ea;--paper:#f4f7f9;--white:#fff;--blue:#2e6ea3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{background:var(--navy);color:#fff;display:flex;align-items:center;gap:13px;padding:16px max(16px,calc((100vw - 1160px)/2));box-shadow:0 3px 14px #142d3b22}.logo{width:42px;height:42px;border:1px solid #ffffff55;border-radius:12px;display:grid;place-items:center;font-weight:800;background:#ffffff12}.topbar h1{font:800 19px Manrope,sans-serif;margin:0}.topbar p{margin:3px 0 0;color:#c7d7e0;font-size:12px}#connection{margin-left:auto}.badge{border-radius:20px;padding:7px 10px;font-size:11px;font-weight:800;background:#ffffff20;color:#e2edf2}.badge.good{background:#d6f2e6;color:#155b46}.page{max-width:1160px;margin:26px auto;padding:0 18px;min-height:70vh}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #17384d0b}.auth{max-width:470px;margin:65px auto;padding:27px}.auth h2,.dialoghead h2{font:800 23px Manrope;margin:4px 0 7px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#738794;margin:0 0 7px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#435866}input,select{width:100%;border:1px solid #d4dfe5;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);outline:none;min-width:0}input:focus,select:focus,.rich:focus{border-color:#4c8db5;box-shadow:0 0 0 3px #4c8db51c}form#loginForm{display:grid;gap:14px;margin:22px 0 13px}.btn{border:1px solid transparent;border-radius:8px;padding:10px 13px;font-weight:700;white-space:nowrap}.primary{background:var(--navy);color:#fff}.primary:hover{background:#214d6b}.secondary{background:#edf2f5;border-color:#dce5ea;color:#334c5b}.ghost{background:transparent;border-color:#ffffff55;color:white}.icon{font-size:24px;line-height:16px;padding:9px 13px;background:#fff;border-color:var(--line)}.danger{background:#fff0f0;color:#b94040;border-color:#f0cccc}.notice{padding:17px 19px;border:1px solid #e9c77e;background:#fff7e4;border-radius:12px;margin-bottom:20px}.notice p{margin:7px 0 0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.toolbarleft,.toolbarright{display:flex;align-items:center;gap:8px}.toolbar h2{font:800 21px Manrope;margin:0 0 0 6px}.switch{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;background:#fff}.switch button{border:0;background:transparent;border-radius:6px;padding:8px 11px;color:#667985;font-weight:700}.switch button.active{background:#e8f0f5;color:var(--navy)}.filters{padding:15px 17px;margin-bottom:16px}.filterhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.filterhead .eyebrow{margin:0}.linkbtn{border:0;background:none;color:var(--blue);font-weight:700;font-size:12px}.filtergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:11px}.filtergrid label{font-size:11px}.filtergrid input,.filtergrid select{padding:9px}.calendar{padding:13px;min-height:310px}.monthgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.weekday{padding:9px 4px;text-align:center;color:#6c7d88;font-size:11px;font-weight:800;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafb}.day{min-height:105px;padding:6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.day.outside{background:#f8fafb;color:#aab5bc}.day.today{background:#f0f7fc}.daynum{font-weight:700;font-size:12px;margin-bottom:6px}.daynum.todaynum{background:var(--navy);color:white;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;margin-top:-3px}.chip{display:block;width:100%;text-align:left;border:0;border-left:3px solid #bc7c27;background:#fff3df;color:#875617;padding:5px 6px;border-radius:4px;margin:4px 0;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.avg,.tag.avg{border-color:#6d5bb6;background:#f0edfb;color:#51418e}.chip.vbk,.tag.vbk{border-color:#27826f;background:#e7f5f1;color:#216858}.chip.ext,.tag.ext{border-color:#bc7c27;background:#fff3df;color:#875617}.more{font-size:10px;color:var(--muted);padding:3px}.weekgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.weekdaycol{min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px;min-width:0}.weekhead{font-size:11px;color:var(--muted);font-weight:800;margin-bottom:8px}.list{display:grid;gap:9px}.eventrow{display:flex;align-items:flex-start;gap:13px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;width:100%;color:inherit}.eventrow:hover{border-color:#8ca9ba}.dateblock{min-width:60px;border-radius:9px;background:#edf3f6;text-align:center;padding:8px 4px}.dateblock strong{display:block;font:800 20px Manrope}.dateblock span{font-size:10px;text-transform:uppercase;color:var(--muted)}.eventmain{flex:1;min-width:0}.eventmain h3{font:700 15px Manrope;margin:0 0 6px}.meta{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.tag{border-radius:5px;padding:4px 6px;background:#edf2f5;font-size:10px;font-weight:800}.empty{text-align:center;padding:62px 18px;color:var(--muted)}.empty strong{display:block;color:#3d5666;font-size:16px;margin-bottom:7px}.legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 4px;color:#465d6b;font-size:12px}.legend span{display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.avg{background:#6d5bb6}.dot.vbk{background:#27826f}.dot.ext{background:#bc7c27}dialog{border:0;border-radius:16px;padding:0;width:min(710px,calc(100% - 24px));max-height:91vh;box-shadow:0 25px 80px #10293855}dialog::backdrop{background:#0b2230a6;backdrop-filter:blur(3px)}#eventForm{padding:23px;overflow:auto;max-height:91vh}.dialoghead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.close{border:0;background:#edf2f5;border-radius:50%;width:34px;height:34px;font-size:23px;color:#526774}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:span 2}.edittools{display:flex;gap:5px;flex-wrap:wrap;border:1px solid #d4dfe5;border-bottom:0;border-radius:8px 8px 0 0;background:#f6f9fa;padding:6px}.edittools button{border:1px solid #dce5ea;background:#fff;border-radius:5px;padding:6px 9px;color:#334c5b;font-size:12px}.rich{min-height:120px;border:1px solid #d4dfe5;border-radius:0 0 8px 8px;padding:12px;outline:none;line-height:1.5}.rich:empty:before{content:attr(data-placeholder);color:#9aa8b0}.rich ul,.rich ol{padding-left:22px}.actions{display:flex;align-items:center;gap:8px;margin-top:19px}.spacer{flex:1}.error{font-size:12px;color:#b94040;min-height:15px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#173b54;color:white;padding:12px 18px;border-radius:9px;transition:.2s;z-index:5;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}footer{max-width:1160px;margin:10px auto 0;padding:20px;color:#83919a;font-size:11px;display:flex;justify-content:space-between;gap:12px}
@media(max-width:850px){.page{margin:19px auto}.toolbar{align-items:flex-start;flex-direction:column}.toolbarleft,.toolbarright{width:100%;flex-wrap:wrap}.toolbarright{justify-content:space-between}.filtergrid{grid-template-columns:1fr 1fr}.day{min-height:86px;padding:4px}.chip{font-size:10px;padding:4px}.calendar{padding:8px}.weekday{font-size:10px;padding:7px 2px}.weekdaycol{min-height:210px;padding:4px}}@media(max-width:540px){.topbar{padding:12px;gap:9px}.logo{width:35px;height:35px}.topbar h1{font-size:14px}.topbar p{font-size:10px}#connection{display:none}.page{padding:0 9px;margin:13px auto}.auth{margin:30px auto;padding:20px}.toolbar h2{font-size:17px}.toolbarleft{gap:5px}.toolbarright{align-items:stretch}.switch{flex:1}.switch button{flex:1;padding:8px 6px}.filtergrid{gap:8px}.filters{padding:12px}.day{min-height:65px;padding:3px}.daynum{font-size:10px;margin-bottom:4px}.daynum.todaynum{width:19px;height:19px}.chip{font-size:9px;padding:3px;border-left-width:2px}.weekhead{font-size:9px;line-height:1.2}.weekdaycol{min-height:175px;padding:3px}.calendar{padding:6px}.formgrid{gap:11px}.actions{flex-wrap:wrap}.actions .spacer{display:none}.actions button{flex:1}#eventForm{padding:16px}footer{padding:15px;flex-direction:column}.eventrow{padding:9px;gap:8px}.dateblock{min-width:48px;padding:7px 3px}.dateblock strong{font-size:17px}.eventmain h3{font-size:13px}}