@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#1e2030;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #ebeaf2;padding:28px 18px 20px;display:flex;flex-direction:column}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 27px;font:800 20px Manrope;letter-spacing:-.5px}.close-sidebar{display:none;border:0;background:#f3f2f7;color:#6f6d7c;width:36px;height:36px;border-radius:9px;place-items:center}.brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.new-button,.primary{border:0;color:#fff;background:#6d5dfc;border-radius:11px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;box-shadow:0 6px 16px #6d5dfc30}.new-button:hover,.primary:hover{background:#5c4be9;transform:translateY(-1px)}.new-button.compact{display:inline-flex;margin-top:10px}nav{margin-top:24px;display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#747486;text-align:left}.nav-item:hover{background:#f7f6ff;color:#5043c7}.nav-item.active{background:#f0edff;color:#5e4ee1;font-weight:700}.nav-item span{flex:1}.nav-item b{font-size:12px;background:#ebe8ff;padding:2px 7px;border-radius:10px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:15px}.import-side{border:1px dashed #c8c3ed;background:#faf9ff;color:#5e53ac;border-radius:10px;padding:11px;display:flex;gap:8px;align-items:center;justify-content:center}.timezone-note{display:flex;align-items:center;gap:9px;padding:10px;color:#8a899a;font-size:11px}.timezone-note div{display:flex;flex-direction:column;gap:2px;overflow:hidden}.timezone-note strong{color:#555466;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-area{position:relative}.user-card{width:100%;border:1px solid #e8e6ef;background:#fafafd;border-radius:12px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left;color:#373542}.user-card:hover{border-color:#cfc9ef;background:#f7f5ff}.user-card>span{min-width:0;flex:1;display:flex;flex-direction:column}.user-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card small{font-size:10px;color:#9997a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card>svg{color:#9996a5}.avatar{width:34px;height:34px;border-radius:10px;object-fit:cover;flex:0 0 auto;background:#ebe8ff}.avatar.large{width:62px;height:62px;border-radius:18px}.avatar-fallback{display:grid;place-items:center;color:#6657e8}.user-menu{position:absolute;z-index:15;left:0;right:0;bottom:58px;padding:7px;background:#fff;border:1px solid #e6e4ed;border-radius:12px;box-shadow:0 13px 35px #28233d24}.user-menu-email{padding:7px 9px 9px;color:#9996a4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #f0eff4;margin-bottom:4px}.user-menu button{width:100%;border:0;background:transparent;border-radius:8px;padding:9px;display:flex;align-items:center;gap:8px;color:#5d5a69;font-size:12px;text-align:left}.user-menu button:hover{background:#f5f3fc;color:#5747ce}.user-menu button.logout:hover{background:#fff0f0;color:#c74545}main{padding:38px clamp(24px,4vw,62px) 60px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{margin:0 0 7px;color:#8e88c1;font-size:11px;letter-spacing:1.5px;font-weight:800}h1{margin:0;font:800 clamp(24px,3vw,34px) "Manrope";letter-spacing:-1.2px}.icon-button,.mobile-menu{border:1px solid #e5e4ed;background:#fff;border-radius:10px;width:41px;height:41px;display:grid;place-items:center;color:#68677a}.mobile-menu,.nav-backdrop{display:none}.warning{background:#fff8e5;border:1px solid #f5df9b;color:#8a6814;padding:12px 16px;border-radius:11px;display:flex;gap:9px;align-items:center;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid #ecebf2;border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 16px #30305008}.stat-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center}.stat-icon.purple{background:#eeeaff;color:#6957ed}.stat-icon.blue{background:#e9f3ff;color:#3780d4}.stat-icon.pink{background:#ffebf2;color:#df5684}.stat div:last-child{display:flex;flex-direction:column}.stat strong{font:800 23px Manrope}.stat span{color:#8a8997;font-size:13px}.content-card{background:#fff;border:1px solid #ecebf2;border-radius:17px;overflow:hidden;box-shadow:0 6px 24px #3030500a}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #efeff4}.toolbar h2{margin:0 0 3px;font:700 18px Manrope}.toolbar p{margin:0;color:#9a99a7;font-size:13px}.toolbar-actions{display:flex;gap:9px}.search{height:39px;border:1px solid #e2e1e9;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#aaa9b5}.search input{border:0;outline:0;width:180px;color:#30303a}.secondary{border:1px solid #dedce8;background:#fff;color:#5c5a6d;border-radius:9px;padding:9px 13px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.secondary:hover{background:#f7f6fb}.reminder-list{padding:4px 22px}.reminder-card{display:flex;align-items:center;gap:14px;padding:17px 2px;border-bottom:1px solid #f0eff4;transition:.2s}.reminder-card:last-child{border-bottom:0}.reminder-card.disabled{opacity:.5}.reminder-card:hover{transform:translate(2px)}.category-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.violet{color:#6855dc}.category-icon.violet,.pill.violet{background:#eeeaff}.pink{color:#d75180}.category-icon.pink,.pill.pink{background:#ffebf2}.amber{color:#bd821e}.category-icon.amber,.pill.amber{background:#fff4dc}.blue{color:#377bca}.category-icon.blue,.pill.blue{background:#e9f3ff}.green{color:#258b65}.category-icon.green,.pill.green{background:#e5f7ef}.pill.red{color:#bf4040;background:#ffe8e8}.reminder-info{min-width:0;flex:1}.title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.title-row h3{font-size:15px;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px}.reminder-info>p{font-size:13px;color:#777684;margin:5px 0}.meta{display:flex;align-items:center;gap:10px 14px;margin-top:7px;color:#92919e;font-size:11px;flex-wrap:wrap}.meta span{display:flex;align-items:center;gap:4px}.meta .countdown-badge{gap:6px;padding:4px 8px;border-radius:999px;font-weight:700;line-height:1.2;white-space:nowrap}.countdown-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.72}.countdown-later{color:#6855dc;background:#eeeaff}.countdown-upcoming{color:#2f74bd;background:#e9f3ff}.countdown-soon{color:#9b6a13;background:#fff1ce}.countdown-urgent{color:#c45d20;background:#fff0e4}.countdown-danger{color:#bf4040;background:#ffe8e8}.countdown-done{color:#258b65;background:#e5f7ef}.countdown-muted{color:#74717f;background:#efeff3}.switch input{display:none}.switch span{display:block;width:36px;height:20px;background:#d9d8df;border-radius:12px;position:relative;transition:.2s}.switch span:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:.2s}.switch input:checked+span{background:#6d5dfc}.switch input:checked+span:after{transform:translate(16px)}.card-actions{display:flex;gap:3px}.card-actions button{width:31px;height:31px;border:0;background:transparent;color:#92919f;border-radius:7px;display:grid;place-items:center}.card-actions button:hover{background:#f0eff5;color:#565466}.card-actions button.danger:hover{background:#fff0f0;color:#d54c4c}.test-email-form{display:grid;grid-template-columns:64px 1fr;gap:18px}.test-email-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#806cff,#5947e8);box-shadow:0 10px 24px #6553e73b}.test-email-copy>p{margin:0 0 14px;color:#5f5c6b;line-height:1.55}.test-email-copy>p strong{color:#302e3b}.test-recipient{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e5e2ef;background:#f8f7fc;border-radius:11px;color:#6758d7}.test-recipient span{min-width:0;display:flex;flex-direction:column;gap:2px}.test-recipient small{font-size:9px;font-weight:800;letter-spacing:.8px;color:#9995aa}.test-recipient strong{font-size:13px;color:#464353;overflow-wrap:anywhere}.test-notice{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:11px 12px;border-radius:10px;background:#fff8e6;color:#80651e;font-size:12px;line-height:18px}.test-notice svg{flex:0 0 auto;margin-top:1px}.test-question{margin:15px 0 0!important;font-weight:700;color:#34313e!important}.test-email-form>.form-error,.test-email-form>.modal-actions{grid-column:1/-1}.empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9694a3}.empty h3{color:#41404c;margin:14px 0 4px}.empty p{margin:0}.empty-icon{width:60px;height:60px;background:#f0edff;color:#6d5dfc;border-radius:18px;display:grid;place-items:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#29263c80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(640px,100%);max-height:92vh;overflow:auto;border-radius:18px;padding:25px;box-shadow:0 25px 80px #17142650}.modal-head{display:flex;justify-content:space-between;margin-bottom:23px}.modal-head h2{font:800 22px Manrope;margin:0 0 5px}.modal-head p{margin:0;color:#8d8b99;font-size:13px}.modal-head>button{border:0;background:#f3f2f6;border-radius:9px;width:35px;height:35px;display:grid;place-items:center;color:#777584}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#555361}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #dedde6;border-radius:9px;padding:10px 11px;outline:0;background:#fff;color:#292835}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7968ec;box-shadow:0 0 0 3px #6d5dfc13}.field textarea{resize:vertical}.field small{font-weight:400;color:#9795a3}.type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.type-option{border:1px solid #e2e0ea;background:#fff;color:#787684;border-radius:9px;padding:9px 5px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px}.type-option.selected{border-color:#7563e9;background:#f1eeff;color:#5b49d1;font-weight:700}.modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.primary:disabled{opacity:.6}.form-error{grid-column:1/-1;background:#fff0f0;color:#b43c3c;border:1px solid #f5cccc;border-radius:9px;padding:10px;display:flex;align-items:flex-start;gap:7px;font-size:13px}.form-error p{margin:4px 0 0}.import-tabs{display:flex;background:#f2f1f6;border-radius:10px;padding:4px;margin-bottom:16px}.import-tabs button{flex:1;border:0;background:transparent;padding:8px;border-radius:7px;color:#858391}.import-tabs button.active{background:#fff;color:#5e4fd3;font-weight:700;box-shadow:0 2px 8px #3332}.file-drop{border:1px dashed #bbb5e6;background:#faf9ff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:10px;color:#6b5ed0;position:relative;margin-bottom:15px}.file-drop span{color:#9693a5;font-size:12px}.file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.import-content{height:130px;font-family:Consolas,monospace!important;font-size:12px!important}.syntax-help{background:#f7f6fa;color:#767482;border-radius:9px;padding:10px 12px;font-size:12px;margin:11px 0 15px}.syntax-help code{color:#5e4fd3}.compact-grid{margin-bottom:16px}.toast{position:fixed;z-index:40;right:24px;bottom:24px;background:#292835;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:0 12px 30px #1115;display:flex;align-items:center;gap:9px;font-size:13px;animation:toastIn .25s ease}.toast>span{color:#72d7a8;display:flex}.toast.error>span{color:#ff8989}@keyframes toastIn{0%{transform:translateY(10px);opacity:0}}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:13px;color:#777484;background:#f7f7fb}.auth-loading .brand-mark{margin-right:5px}.login-page{position:relative;min-height:100vh;padding:35px 20px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f7f6ff,#f4f7fb,#faf6fb)}.login-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.65}.login-glow.one{width:430px;height:430px;left:-170px;top:-180px;background:radial-gradient(circle,#d7d0ff,transparent 68%)}.login-glow.two{width:480px;height:480px;right:-180px;bottom:-210px;background:radial-gradient(circle,#f6cee1,transparent 68%)}.login-card{position:relative;z-index:1;width:min(440px,100%);padding:36px 42px 31px;text-align:center;background:#fffffff2;border:1px solid #e7e5ef;border-radius:26px;box-shadow:0 28px 80px #312a5a17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-brand{display:flex;justify-content:center;align-items:center;gap:10px;font:800 19px Manrope;margin-bottom:20px}.login-art{height:125px;position:relative;display:grid;place-items:center;margin-bottom:12px}.login-art>img{display:block;width:125px;height:125px;object-fit:contain;filter:drop-shadow(0 14px 20px #6553e73b)}.login-card h1{font-size:36px;line-height:44px;margin:7px 0 13px}.login-copy{font-size:14px;line-height:22px;color:#797685;margin:0 auto 25px;max-width:330px}.google-button{min-height:44px;display:flex;justify-content:center;align-items:center;color:#9995a4;font-size:12px}.login-error{margin:13px auto 0;max-width:330px;padding:10px 12px;border-radius:9px;background:#fff0f0;color:#b64242;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.login-note{margin:20px 0 0;color:#aaa7b3;font-size:10px;line-height:16px}.profile-form{display:flex;flex-direction:column;gap:18px}.profile-identity{display:flex;align-items:center;gap:15px;padding:16px;background:#f8f7fb;border:1px solid #eceaf2;border-radius:14px}.profile-identity>div{display:flex;flex-direction:column;gap:3px}.profile-identity strong{font:700 17px Manrope}.profile-identity span{font-size:13px;color:#666371}.profile-identity small{font-size:10px;color:#39916e}.profile-form .modal-actions{margin-top:4px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:flex;position:fixed;z-index:35;left:0;top:0;width:min(290px,84vw);transform:translate(-105%);transition:transform .25s ease;box-shadow:18px 0 45px #211d3a26}.sidebar.mobile-open{transform:translate(0)}.close-sidebar{display:grid}.nav-backdrop{display:block;position:fixed;z-index:34;top:0;right:0;bottom:0;left:0;border:0;background:#211e3570;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-menu{display:grid}.stats{grid-template-columns:repeat(3,1fr)}main{padding:25px}.toolbar{align-items:flex-start}.toolbar-actions{flex-direction:column}.search input{width:140px}}@media(max-width:650px){main{padding:20px 13px}main.login-page{padding:18px 12px}h1{font-size:23px}.login-card{padding:29px 21px 25px;border-radius:21px}.login-card h1{font-size:30px;line-height:37px}.stats{grid-template-columns:1fr}.toolbar{flex-direction:column;gap:14px}.toolbar-actions,.search,.search input{width:100%}.reminder-card{align-items:flex-start;flex-wrap:wrap}.reminder-info{width:calc(100% - 60px);flex:auto}.switch{margin-left:56px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.type-grid{grid-template-columns:repeat(2,1fr)}.modal{padding:20px}.modal-actions{grid-column:auto}.meta span:last-child{display:none}.test-email-form{grid-template-columns:1fr}.test-email-icon{width:48px;height:48px;border-radius:14px}.test-email-form>.form-error,.test-email-form>.modal-actions{grid-column:auto}.test-email-form>.modal-actions{flex-direction:column-reverse}.test-email-form>.modal-actions button{width:100%}}
