.utility-bar{position:fixed;z-index:18;top:16px;right:28px;display:flex;gap:8px;align-items:center}.utility-bar>button,.notify-wrap>button{height:38px;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--ink);box-shadow:var(--shadow);cursor:pointer}.utility-bar>button{display:flex;align-items:center;gap:7px;padding:0 12px;font:700 9px Manrope}.utility-bar>button span{font-size:16px}.notify-wrap{position:relative}.notify-wrap>button{position:relative;width:40px;font-size:16px}.notify-wrap>button em{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:2px;border-radius:50%;background:#ff6558;color:#fff;font:800 8px Manrope}.notification-panel{position:absolute;right:0;top:48px;width:320px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--white);box-shadow:0 18px 55px rgba(28,28,53,.2)}.notification-panel[hidden]{display:none}.notification-panel>div{display:flex;justify-content:space-between;padding:5px 5px 11px}.notification-panel>div button{border:0;background:transparent;color:#6558d9;cursor:pointer;font:700 8px Manrope}.notification-panel article{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:11px 5px;border-top:1px solid var(--line)}.notification-panel article>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--green2);color:var(--green);font-weight:800}.notification-panel p,.notification-panel b,.notification-panel small{display:block;margin:0}.notification-panel article b{font-size:9px}.notification-panel small{margin-top:3px;color:var(--muted);font-size:8px}
.users-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:12px}.users-toolbar label{display:flex;align-items:center;gap:10px;padding:0 17px;border:1px solid var(--line);border-radius:14px;background:var(--white);font-size:18px}.users-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:15px 0;color:var(--ink);font:11px Manrope}.users-toolbar button,.users-filters select{border:1px solid var(--line);border-radius:12px;background:var(--white);padding:0 16px;color:var(--ink);font:700 9px Manrope}.users-filters{display:flex;gap:10px;padding:13px;margin-bottom:12px;border-radius:13px;background:var(--white);box-shadow:var(--shadow)}.users-filters[hidden]{display:none}.users-filters select{padding:10px}.users-table{overflow:hidden;border-radius:16px;background:var(--white);box-shadow:var(--shadow)}.users-table header,.users-table article{display:grid;grid-template-columns:minmax(210px,1.2fr) 100px 150px minmax(200px,1fr) 40px;gap:12px;align-items:center}.users-table header{padding:14px 18px;color:var(--muted);font-size:8px}.users-table article{position:relative;padding:13px 18px;border-top:1px solid var(--line);font-size:9px}.users-table article>div{padding-left:45px}.users-table article b,.users-table article small{display:block}.users-table article small{margin-top:2px;color:var(--muted);font-size:7px}.user-avatar{position:absolute;left:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eeecff;color:#6558d9;font-weight:800}.user-role{color:#6558d9;font-weight:800}.users-table article>button{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.calendar-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;padding:18px;border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.calendar-card{overflow:hidden;border-radius:14px;background:#f7f7ff}.calendar-date-hero{padding:25px;text-align:center;background:#dfff9a}.calendar-date-hero b,.calendar-date-hero span{display:block}.calendar-date-hero b{font-size:28px}.calendar-date-hero span{margin-top:12px;font-size:13px;text-transform:capitalize}.calendar-month-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;padding:17px}.calendar-month-head b{text-align:center;font-size:11px}.calendar-month-head button{border:0;background:transparent;color:var(--muted);cursor:pointer}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:0 14px}.calendar-week span{text-align:center;color:var(--muted);font-size:7px;text-transform:uppercase}.calendar-grid{padding-bottom:17px}.calendar-grid button,.calendar-grid>span{position:relative;height:35px;border:0;border-radius:9px;background:transparent;color:var(--ink);cursor:pointer;font:600 9px Manrope}.calendar-grid button:hover{background:#eeecff}.calendar-grid button.selected{background:#dfff9a;color:#182410;font-weight:800}.calendar-grid button.has-event:after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:50%;background:#6558d9}.calendar-work{padding:12px}.calendar-work>h2,.calendar-work form h2{margin:0 0 13px;font-size:19px}.calendar-legend{display:flex;gap:16px;margin-bottom:18px}.calendar-legend span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.calendar-legend span:before{content:"";width:8px;height:8px;border-radius:50%;background:#999}.calendar-legend .deadline:before{background:#ff6558}.calendar-legend .checked:before{background:#42a957}.calendar-legend .custom:before{background:#6558d9}.calendar-empty{padding:18px;border-radius:10px;background:#f8f8fc;color:var(--muted);font-size:9px}.calendar-event{position:relative;display:grid;grid-template-columns:8px 1fr;gap:11px;padding:12px;margin-bottom:8px;border:1px solid var(--line);border-radius:11px}.calendar-event i{border-radius:5px;background:#6558d9}.calendar-event.deadline i{background:#ff6558}.calendar-event b,.calendar-event small{display:block}.calendar-event b{font-size:10px}.calendar-event small{margin-top:3px;color:var(--muted);font-size:8px}.calendar-event>[data-delete-event]{position:absolute;top:8px;right:8px;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;line-height:1}.calendar-event>[data-delete-event]:hover{background:#fbe7e5;color:#c0392b}.calendar-work form{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.calendar-work form>div{display:grid;grid-template-columns:1fr 230px;gap:12px}.calendar-work label{display:block;margin-bottom:11px;color:var(--muted);font-size:8px}.calendar-work input,.calendar-work select,.calendar-work textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:11px;font:9px Manrope}.calendar-work textarea{min-height:72px;resize:vertical}
.personal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}.personal-menu,.personal-card{padding:18px;border-radius:16px;background:var(--white);box-shadow:var(--shadow)}.personal-menu button{width:100%;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;border:1px solid transparent;border-radius:11px;background:transparent;padding:12px;text-align:left;color:var(--ink);cursor:pointer}.personal-menu button.active{border-color:#6558d9;background:#f2f0ff}.personal-menu b,.personal-menu small{display:block}.personal-menu b{font-size:10px}.personal-menu small{margin-top:3px;color:var(--muted);font-size:7px}.personal-card{padding:27px}.personal-card h2{margin:0 0 6px;font-size:18px}.personal-card>p{margin:0 0 16px;color:var(--muted);font-size:9px}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.theme-choices button{display:grid;place-items:center;min-height:130px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);cursor:pointer}.theme-choices button.active{border:2px solid #6558d9;background:#f1efff}.theme-choices i{font-style:normal;font-size:24px}.theme-choices b,.theme-choices small{display:block}.theme-choices b{margin-top:8px;font-size:10px}.theme-choices small{color:var(--muted);font-size:7px}.personal-card select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:11px}.font-preview{margin-top:15px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.font-preview small,.font-preview b{display:block}.font-preview small{color:var(--muted);font-size:7px}.font-preview b{margin:9px 0;font-size:12px}.font-preview p{margin:0;font-size:9px;line-height:1.6}
html[data-theme="dark"]{--ink:#f2f1fb;--muted:#a5a2b8;--paper:#171622;--white:#242230;--line:#3a3748;--green2:#393454;--shadow:0 8px 28px rgba(0,0,0,.22)}html[data-theme="dark"] .sidebar{background:#11101a}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{color-scheme:dark}html[data-theme="dark"] .theme-choices button.active{background:#393454}html[data-font="small"] body{font-size:90%}html[data-font="large"] body{font-size:112%}
@media(max-width:850px){.utility-bar{top:10px;right:70px}.utility-bar>button b{display:none}.calendar-layout,.personal-layout{grid-template-columns:1fr}.users-table{overflow-x:auto}.users-table header,.users-table article{min-width:820px}}@media(max-width:600px){.calendar-work form>div,.theme-choices{grid-template-columns:1fr}.notification-panel{right:-45px;width:290px}}

.notification-panel .notification-item{display:grid;grid-template-columns:30px 1fr;gap:9px;width:100%;padding:11px 5px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.notification-panel .notification-item:hover{background:var(--paper)}.notification-panel .notification-item>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--green2);color:var(--green);font-weight:800}.notification-panel .notification-item p{min-width:0}.notification-panel .notification-item b{font-size:9px}.notification-panel .notification-item small{line-height:1.45}.notification-panel .notification-item.is-unread{background:color-mix(in srgb,var(--green2) 35%,transparent)}