:root{--navy:#14233d;--blue:#176bff;--ink:#18243a;--muted:#6d7990;--line:#e2e7ef;--bg:#f4f6fa;--white:#fff;--danger:#d93f50;--radius:15px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar-panel{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:248px;flex-direction:column;padding:28px 18px 22px;color:#dce6f8;background:var(--navy)}.brand-mark{display:flex;align-items:center;gap:12px;padding:0 10px}.brand-mark>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:white;background:linear-gradient(145deg,#2b7cff,#0b54d7);box-shadow:0 8px 20px #0a4bb04d;font-size:22px}.brand-mark strong{color:white;font-size:18px;line-height:1.05;letter-spacing:-.3px}.sidebar-panel nav{display:grid;gap:6px;margin-top:45px}.nav-button{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:12px;border-radius:12px}.sidebar-panel .nav-button{padding:12px 14px;text-align:left;color:#aebbd0}.nav-button i{width:20px;font-style:normal;text-align:center;font-size:19px}.sidebar-panel .nav-button span{flex:1;font-weight:650}.sidebar-panel .nav-button b{min-width:25px;padding:2px 7px;border-radius:999px;font-size:11px;text-align:center;background:#283954}.sidebar-panel .nav-button.active{color:white;background:#1d365d;box-shadow:inset 3px 0 #3f8cff}.sidebar-panel .nav-button.active b{background:#2674ee}.account-card{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:14px 10px 0;border-top:1px solid #ffffff18}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:white;background:#2b72dc;font-weight:750}.account-card div{min-width:0}.account-card strong,.account-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card strong{color:white;font-size:13px}.account-card small{margin-top:2px;color:#8fa0b9;font-size:10px}.account-card a{grid-column:2;width:fit-content;color:#8fb6f6;font-size:11px;text-decoration:none}.main-panel{min-height:100vh;margin-left:248px}.mobile-header,.mobile-nav{display:none}.content-wrap{max-width:1180px;margin:0 auto;padding:42px 48px 64px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.page-heading p{margin:0 0 7px;color:#6d7990;font-size:13px;text-transform:capitalize}.page-heading h1{margin:0;color:#17243a;font-size:clamp(28px,3vw,38px);letter-spacing:-1.2px}.page-heading>div>span{display:block;margin-top:7px;color:#7c879a;font-size:14px}.heading-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid transparent;border-radius:11px;font-weight:700;font-size:13px;transition:.15s ease}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{color:white;background:var(--blue);box-shadow:0 8px 18px #176bff2b}.button.secondary{color:#2b3b53;border-color:#d4dce8;background:white}.button.danger{color:white;background:var(--danger)}.button:hover{transform:translateY(-1px)}.notification-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:17px 20px;border:1px solid #d7e4fb;border-radius:16px;background:linear-gradient(100deg,#edf5ff,#f7fbff)}.notification-banner.enabled{border-color:#cceadd;background:linear-gradient(100deg,#ecfaf5,#f7fffb)}.notification-banner.denied{border-color:#f0d8dc;background:#fff8f8}.notification-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#dcecff;font-size:21px}.notification-banner strong{display:block;font-size:14px}.notification-banner p{margin:3px 0 0;color:#68768d;font-size:12px}.status-chip{display:inline-flex;padding:7px 11px;border-radius:999px;color:#116d50;background:#d9f5e9;font-size:12px;font-weight:750}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 28px}.stat-card{display:flex;min-height:93px;align-items:center;gap:15px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 7px 23px #23324a0a}.stat-card>span{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;font-size:20px}.stat-card strong{font-size:25px;line-height:1}.stat-card p{margin:5px 0 0;color:#7b8799;font-size:12px}.stat-card.blue>span{color:#176bff;background:#e8f1ff}.stat-card.red>span{color:#e84858;background:#ffecef}.stat-card.amber>span{color:#bd7815;background:#fff3dd}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title h2{display:inline;margin:0;font-size:17px}.section-title span{margin-left:8px;color:#8b95a5;font-size:12px}.section-title button{border:0;color:#176bff;background:transparent;font-size:12px;font-weight:700}.reminder-list{display:grid;gap:11px}.reminder-card{display:grid;grid-template-columns:86px minmax(0,1fr) auto;min-height:112px;align-items:center;overflow:hidden;border:1px solid var(--line);border-left:4px solid #4b8dff;border-radius:15px;background:white;box-shadow:0 5px 18px #20304b08}.reminder-card.late{border-left-color:#ed5966}.time-rail{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-right:1px solid #edf0f4;background:#fafbfc}.time-rail span{font-size:18px;font-weight:750}.time-rail small{margin-top:4px;color:#78869a;font-size:11px;text-transform:capitalize}.reminder-body{min-width:0;padding:17px 20px}.reminder-top{display:flex;align-items:center;gap:9px}.reminder-top h3{margin:0;color:#1b2940;font-size:15px}.priority{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:750}.priority.low{color:#566274;background:#eef1f5}.priority.normal{color:#1761c8;background:#eaf2ff}.priority.high{color:#c63446;background:#ffecef}.reminder-body>p{margin:6px 0 9px;overflow:hidden;color:#6e7b8f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.reminder-meta{display:flex;flex-wrap:wrap;gap:10px}.reminder-meta span{display:inline-flex;align-items:center;gap:4px;color:#7f8a9a;font-size:10px}.reminder-meta .late-label{color:#d84b58;font-weight:700}.reminder-actions{display:flex;gap:7px;padding:0 18px 0 8px}.reminder-actions .button{min-height:36px;padding:0 10px;font-size:11px}.loading-state,.empty-state{display:grid;min-height:230px;place-items:center;padding:30px;color:#778499;text-align:center;border:1px dashed #d7dee9;border-radius:16px;background:#ffffff99}.empty-state h3{margin:8px 0 2px;color:#334159}.empty-state p{margin:0 0 14px;font-size:13px}.history-list{display:grid;gap:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:white}.history-item{display:grid;grid-template-columns:20px 1fr;gap:14px;position:relative;padding:0 0 26px}.history-item:not(:last-child)::before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:#dce3ed}.history-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:5px;border:3px solid white;border-radius:50%;background:#5290f7;box-shadow:0 0 0 2px #cfe0fa}.history-dot.completed{background:#29a378;box-shadow:0 0 0 2px #cdeee3}.history-dot.snoozed{background:#d8942f;box-shadow:0 0 0 2px #f4dfbf}.history-dot.deleted{background:#d94a58;box-shadow:0 0 0 2px #f5d3d8}.history-item h3{margin:0;font-size:14px}.history-item p{margin:5px 0 3px;color:#6f7c90;font-size:12px}.history-item small{color:#9aa4b2;font-size:10px}.event-chip{margin-left:8px;padding:3px 7px;border:1px solid #dce3ed;border-radius:99px;color:#68768d;font-size:10px}.users-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.users-toolbar h2{margin:0}.users-toolbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.users-list{display:grid;gap:10px}.user-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:14px;background:white}.user-row strong,.user-row small{display:block}.user-row small{margin-top:4px;color:var(--muted)}.user-row .role{color:#1761c8;font-size:11px;font-weight:750}.dialog{width:min(680px,calc(100vw - 28px));max-height:92vh;padding:0;border:0;border-radius:19px;box-shadow:0 24px 70px #13233f3d;color:var(--ink)}.dialog::backdrop{background:#10213d85;backdrop-filter:blur(2px)}.dialog>form,.dialog>div{padding:23px}.dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:19px}.dialog h2{margin:0;font-size:22px}.dialog header p{margin:5px 0 0;color:#7a879a;font-size:13px}.icon-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;color:#59677c;background:#eef2f7;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .full{grid-column:1/-1}.form-grid label,.install-form label,.auth-form label{display:grid;gap:7px;color:#344258;font-size:12px;font-weight:700}.form-grid input,.form-grid textarea,.form-grid select,.install-form input,.auth-form input{width:100%;min-height:43px;padding:9px 11px;border:1px solid #d8e0eb;border-radius:10px;color:#203049;background:#fbfcfe}.form-grid textarea{min-height:82px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.install-form input:focus,.auth-form input:focus{outline:3px solid #176bff1f;border-color:#79a8f6}.attachments{display:grid;gap:9px;padding:15px;border:1px dashed #ccd7e7;border-radius:13px;background:#f8faff}.attachments>div{display:flex;gap:8px;flex-wrap:wrap}.attachments p{margin:0;color:#5f6d82;font-size:11px}.attachments small{color:#8b96a8;font-size:10px}.file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.details-dialog{width:min(520px,calc(100vw - 28px))}.details-message{padding:14px;border-radius:12px;background:#f7f9fc;color:#435168;font-size:13px;line-height:1.55}.details-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.details-badges span{padding:5px 9px;border-radius:99px;background:#edf2f8;font-size:11px}.attachment-list{display:grid;gap:8px;margin-top:16px}.attachment-list a,.attachment-list .audio-file{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;color:#334159;background:#f9fafc;text-decoration:none;font-size:12px}.audio-file{flex-wrap:wrap}.audio-file audio{width:100%;height:36px}.auth-page{display:grid;min-height:100vh;place-items:center;padding:22px;background:radial-gradient(circle at top,#e6f0ff,var(--bg) 48%)}.auth-card,.install-card{width:min(440px,100%);padding:30px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 22px 60px #2536531c}.install-card{width:min(820px,100%)}.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:24px}.auth-brand>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#2b7cff,#0b54d7);font-size:24px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:20px}.auth-brand small{margin-top:4px;color:var(--muted);font-size:12px}.auth-form{display:grid;gap:15px}.auth-form .primary,.install-form>.primary{margin-top:5px}.auth-note{margin:20px 0 0;color:#7f8b9d;font-size:11px;text-align:center}.alert{margin-bottom:16px;padding:12px 14px;border-radius:11px;font-size:12px}.alert p{margin:3px 0}.alert.error{color:#a92d3b;background:#fff0f2}.alert.success{color:#147050;background:#eaf9f3}.requirements{margin-bottom:20px;padding:16px;border-radius:14px;background:#f7f9fc}.requirements h2{margin:0 0 10px;font-size:15px}.requirements div{display:inline-flex;align-items:center;gap:6px;margin:4px 15px 4px 0;font-size:11px}.requirements div span{color:#13815b}.install-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.install-form fieldset{display:grid;gap:11px;margin:0;padding:16px;border:1px solid var(--line);border-radius:14px}.install-form legend{padding:0 7px;font-size:13px;font-weight:750}.install-form>.full,.install-form>.primary{grid-column:1/-1}.offline-card p{color:#647187;line-height:1.6}#toast-region{position:fixed;top:16px;right:16px;z-index:100;display:grid;gap:8px;width:min(360px,calc(100vw - 32px))}.toast{padding:13px 15px;border:1px solid var(--line);border-left:4px solid #27835f;border-radius:11px;background:white;box-shadow:0 13px 35px #1c2a4029;font-size:12px}.toast.error{border-left-color:#d94050}.toast.warning{border-left-color:#d9912e}
@media(max-width:900px){.sidebar-panel{width:210px}.main-panel{margin-left:210px}.content-wrap{padding-inline:26px}.reminder-card{grid-template-columns:78px 1fr}.reminder-actions{grid-column:2;padding:0 18px 16px 20px}}
@media(max-width:680px){.app-shell{padding-bottom:74px}.sidebar-panel{display:none}.main-panel{margin-left:0}.mobile-header{position:sticky;top:0;z-index:15;display:flex;height:66px;align-items:center;justify-content:space-between;padding:0 18px;color:white;background:#14233df5;backdrop-filter:blur(12px)}.mobile-header .brand-mark{padding:0}.mobile-header .brand-mark>span{width:34px;height:34px;border-radius:10px;font-size:17px}.mobile-header .brand-mark strong{font-size:15px}.content-wrap{padding:23px 16px 36px}.page-heading{align-items:center;margin-bottom:20px}.page-heading p{font-size:11px}.page-heading h1{font-size:26px}.page-heading>div>span{display:none}.heading-actions .secondary{display:none!important}.heading-actions .primary{width:44px;padding:0;font-size:0}.heading-actions .primary::first-letter{font-size:20px}.notification-banner{grid-template-columns:auto 1fr;padding:14px}.notification-banner button,.notification-banner .status-chip{grid-column:2;justify-self:start}.stats-grid{gap:9px;margin:15px 0 24px}.stat-card{display:block;min-height:auto;padding:13px}.stat-card>span{width:34px;height:34px;margin-bottom:10px}.stat-card strong{font-size:22px}.stat-card p{font-size:10px}.section-title h2{font-size:15px}.section-title span{display:none}.reminder-card{grid-template-columns:66px 1fr}.time-rail{padding:9px 6px}.time-rail span{font-size:15px}.reminder-body{padding:15px 13px}.reminder-top{align-items:flex-start;justify-content:space-between}.reminder-top h3{font-size:14px}.reminder-actions{grid-column:1/-1;justify-content:flex-end;padding:0 12px 13px}.reminder-actions .button{flex:1;padding-inline:7px}.mobile-nav{position:fixed;inset:auto 0 0;z-index:25;display:grid;grid-template-columns:repeat(3,1fr);height:66px;padding:5px 8px max(5px,env(safe-area-inset-bottom));border-top:1px solid #dce2eb;background:#ffffffef;backdrop-filter:blur(14px)}.mobile-nav:has(.nav-button:nth-child(4)){grid-template-columns:repeat(4,1fr)}.mobile-nav .nav-button{flex-direction:column;justify-content:center;gap:2px;color:#8b96a7;font-size:10px}.mobile-nav .nav-button i{font-size:18px}.mobile-nav .nav-button.active{color:#176bff;font-weight:700}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.dialog{width:100%;max-width:none;max-height:94vh;margin:0;border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0}.dialog>form,.dialog>div{padding:20px 16px}.dialog footer .button{flex:1}.install-form{grid-template-columns:1fr}.install-form>.full,.install-form>.primary{grid-column:auto}.install-card{padding:22px 17px}.users-toolbar{align-items:flex-end}.users-toolbar p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}