:root{--primary:#071a3d;--accent:#4b79b9;--ink:#14213a;--muted:#68758b;--line:#dde4ee;--paper:#f4f7fb}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hero{background:linear-gradient(120deg,var(--primary) 0%,var(--accent) 58%,#fff 145%);color:#fff;box-shadow:0 8px 30px #071a3d26}.hero-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 36px);margin:auto;padding:28px 0;display:flex}.brand-block{align-items:center;gap:18px;display:flex}.logo{background:#ffffff18;border:1px solid #ffffff48;border-radius:22px;place-items:center;width:72px;height:72px;font-size:22px;font-weight:900;display:grid;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff10}.logo img{object-fit:contain;background:#fff;width:100%;height:100%}.eyebrow,.label{letter-spacing:.18em;margin:0 0 7px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(25px,4vw,40px)}.hero-actions{gap:10px;display:flex}.hero-actions button,.gold,.soft{border:0;border-radius:13px;align-items:center;gap:8px;padding:12px 16px;font-weight:750;display:flex}.soft{color:#fff;background:#ffffff18;border:1px solid #ffffff32}.gold{color:var(--primary);background:#fff;box-shadow:0 5px 20px #071a3d22}.shell{width:min(1180px,100% - 36px);margin:30px auto 70px}.section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-head>span,.label{color:var(--muted)}.section-head>span{letter-spacing:.18em;font-size:11px;font-weight:800}.today{color:var(--accent);background:0 0;border:0;font-weight:750}.month-nav{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:56px 1fr 56px;align-items:center;padding:12px;display:grid;box-shadow:0 10px 35px #23385c0b}.month-nav>button{color:var(--primary);background:#eff3f8;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.month-title{text-align:center;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:5px 9px;display:grid}.month-title svg{color:var(--accent);grid-row:1/3}.month-title strong{font-size:21px}.month-title small{color:var(--muted)}.shell>.label{margin-top:28px}.week-row{scrollbar-width:thin;gap:10px;padding:2px 2px 10px;display:flex;overflow:auto}.week-row button{text-align:left;border:1px solid var(--line);min-width:170px;color:var(--ink);background:#fff;border-radius:15px;padding:13px 16px}.week-row b,.week-row span{display:block}.week-row span{color:var(--muted);margin-top:5px;font-size:12px}.week-row .active,.day-grid .active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 20px #071a3d26}.week-row .active span,.day-grid .active em{color:#ffffffad}.day-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.day-grid button{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:17px;padding:15px 8px}.day-grid span,.day-grid strong,.day-grid em{display:block}.day-grid span{font-size:12px;font-weight:750}.day-grid strong{margin:4px;font-size:25px}.day-grid em{color:var(--muted);white-space:nowrap;font-size:11px;font-style:normal}.agenda{border:1px solid var(--line);background:#fff;border-radius:24px;margin-top:26px;padding:25px;box-shadow:0 12px 40px #23385c0b}.agenda-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.agenda h2,.panel h2{letter-spacing:-.02em;margin:0;font-size:22px}.agenda .gold{background:var(--primary);color:#fff}.empty{text-align:center;color:var(--muted);padding:55px 20px}.empty svg{width:36px;height:36px;color:var(--accent)}.empty h3{color:var(--ink);margin:12px 0 5px}.empty p{margin:0 0 18px}.empty button{color:var(--primary);background:#edf2f8;border:0;border-radius:12px;padding:10px 15px;font-weight:750}.event-list{gap:11px;margin-top:20px;display:grid}.event{background:#f7f9fc;border:1px solid #e6ebf2;border-radius:17px;grid-template-columns:70px 1fr 40px;align-items:center;gap:15px;padding:15px;display:grid}.event time{color:var(--primary);font-size:20px;font-weight:800}.event h3{margin:5px 0 2px}.event p{color:var(--muted);margin:0;font-size:13px}.event>button{color:#9aa6b8;background:0 0;border:0}.tag{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:10px;font-weight:800}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04102799;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel{background:#fff;width:min(440px,100%);height:100%;padding:28px;overflow:auto;box-shadow:-20px 0 60px #0003}.panel.small{border-radius:24px;height:auto;max-height:90vh;margin:auto max(20px,50vw - 590px) auto auto}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.panel-head>button{background:#eff3f8;border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.panel label{color:#46536a;gap:7px;margin:18px 0;font-size:13px;font-weight:750;display:grid}.panel input,.panel select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:12px 13px}.panel input:focus,.panel select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.upload{cursor:pointer;border-radius:14px;flex-direction:row;justify-content:center;align-items:center;padding:17px;border:1px dashed var(--accent)!important;color:var(--accent)!important;display:flex!important}.colors,.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.colors input{height:48px;padding:5px}.preview{color:#fff;background:linear-gradient(120deg,var(--primary),var(--accent),#fff);border-radius:14px;align-items:center;gap:8px;padding:18px;font-weight:700;display:flex}.reset{width:100%;color:var(--primary);background:#edf2f8;border:0;border-radius:12px;margin-top:18px;padding:12px;font-weight:750}.save{background:var(--primary);color:#fff;border:0;border-radius:13px;width:100%;margin-top:10px;padding:14px;font-weight:800}@media (max-width:720px){.hero-inner{flex-direction:column;align-items:flex-start}.hero-actions{width:100%}.hero-actions button{flex:1;justify-content:center;font-size:12px}.logo{width:60px;height:60px}.shell{width:min(100% - 24px,1180px);margin-top:18px}.day-grid{gap:5px}.day-grid button{border-radius:12px;padding:11px 2px}.day-grid strong{font-size:20px}.day-grid em{font-size:9px}.agenda{padding:18px}.agenda-head{align-items:flex-start}.agenda-head .gold{padding:10px;font-size:0}.agenda-head .gold svg{margin:0}.event{grid-template-columns:55px 1fr 28px;padding:12px}.event time{font-size:16px}.panel{padding:22px}.panel.small{height:auto;margin:12px}.colors,.form-row{grid-template-columns:1fr}}
.cloud{color:#ffffffb8;margin-top:7px;font-size:11px;display:inline-block}.cloud.online{color:#b9ffd8}.cloud.error{color:#ffe1a8}
.notify-area{justify-items:end;gap:7px;display:grid}.notify-status{color:#fff;background:#ffffff18;border-radius:9px;max-width:390px;margin:0;padding:8px 10px;font-size:11px;line-height:1.35}.hero-actions .notifications-on{color:var(--primary);background:#fff;border-color:#fff;box-shadow:0 0 0 3px #fff2}.hero-actions .notifications-on svg{transform-origin:50% 12%;animation:1.8s ease-in-out infinite ring-bell}@keyframes ring-bell{0%,55%,to{transform:rotate(0)}65%{transform:rotate(12deg)}75%{transform:rotate(-10deg)}85%{transform:rotate(6deg)}95%{transform:rotate(-3deg)}}.notification-button{position:relative}.unread-dot{background:#f4c430;border:3px solid #fff;border-radius:50%;width:16px;height:16px;animation:1.8s ease-in-out infinite unread-pulse;position:absolute;top:-6px;left:-6px;box-shadow:0 2px 7px #071a3d55}@keyframes unread-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (max-width:720px){.notify-area{justify-items:stretch;width:100%}.notify-status{max-width:none}}.notification-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071a3d99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.notification-modal{width:min(560px,100%);max-height:min(680px,85vh);color:var(--primary);background:#fff;border:1px solid #d7e0ed;border-radius:22px;padding:24px;overflow:auto;box-shadow:0 24px 70px #071a3d40}.notification-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.notification-modal-head h2{margin:4px 0 0;font-size:24px}.notification-modal-head button{width:40px;height:40px;color:var(--primary);cursor:pointer;background:#eef3f9;border:0;border-radius:12px;place-items:center;display:grid}.notification-history-list{gap:10px;display:grid}.notification-history-list article{background:#f5f8fc;border:1px solid #dce4ef;border-radius:15px;grid-template-columns:34px 1fr;gap:10px;padding:15px;display:grid;position:relative}.notification-history-list article.is-new{background:#fffdf5;border-color:#e8c354}.history-unread-dot{background:#f4c430;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #071a3d44}.notification-history-list article>svg{color:var(--accent);margin-top:2px}.notification-history-list strong{padding-right:18px;font-size:15px;display:block}.notification-history-list p{color:#30415d;margin:5px 0 8px;font-size:14px;line-height:1.45}.notification-history-list time{color:#708099;font-size:11px}.notification-empty{text-align:center;color:#60708a;background:#f5f8fc;border-radius:14px;margin:0;padding:24px}@media (max-width:600px){.notification-modal{border-radius:18px;padding:19px}.notification-modal-head h2{font-size:21px}}