:root{--panel:#0f1f32e8;--line:#20364f;--text:#f5f7fb;--muted:#91a6bb;--cyan:#39d9ff;--green:#36e3a0;--amber:#ffbe47;--red:#ff5d73;--purple:#ab8cff}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 0%,#143a58 0,transparent 34%),linear-gradient(145deg,#030a12,#091827 58%,#050b13);color:var(--text);font-family:Inter,"Noto Sans Bengali","Hind Siliguri",system-ui,sans-serif}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.2;pointer-events:none}.ambient-one{width:420px;height:420px;background:#00c8ff;right:-160px;top:60px}.ambient-two{width:330px;height:330px;background:#7447ff;left:-100px;bottom:40px}.hidden{display:none!important}
.desktop-window{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1200px,calc(100vw - 24px));height:min(700px,calc(100vh - 24px));min-width:760px;min-height:520px;max-width:calc(100vw - 12px);max-height:calc(100vh - 12px);resize:both;overflow:hidden;background:#081421;border:1px solid #2a4664;border-radius:16px;box-shadow:0 30px 90px #000b,0 0 0 1px #ffffff08;z-index:3}.desktop-window.maximized{left:6px!important;top:6px!important;transform:none!important;width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;max-width:none;max-height:none;resize:none}.window-bar{height:43px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#112b44,#0c1d30);border-bottom:1px solid var(--line);user-select:none;cursor:move}.window-brand{height:100%;display:flex;align-items:center;gap:10px;padding:0 14px;min-width:270px}.window-brand img{width:24px;height:24px}.window-brand strong{font-size:.84rem}.window-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font:700 .69rem ui-monospace,monospace}.window-meta span{border:1px solid var(--line);padding:4px 7px;border-radius:6px}.mode-label{color:var(--cyan)}.window-tools{display:flex;align-items:center;height:100%;cursor:default}.language-switch{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-right:8px}.language-switch button{border:0;padding:5px 8px;background:transparent;color:var(--muted);font-weight:800;font-size:.67rem;cursor:pointer}.language-switch button.active{background:var(--cyan);color:#06111d}.win-btn{height:100%;width:44px;border:0;background:transparent;color:#bfd0df;font-size:1.1rem;cursor:pointer}.win-btn:hover{background:#ffffff10}.win-btn.close:hover{background:#d93650;color:white}.reopen{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #34d6ff;background:#0e253a;color:white;border-radius:14px;padding:16px 24px;font-weight:800;cursor:pointer;box-shadow:0 20px 50px #0008}
.app-grid{display:grid;grid-template-columns:220px 1fr;height:calc(100% - 43px)}.sidebar{min-width:0;background:linear-gradient(180deg,#0c1d2e,#081522);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:15px 11px}.profile{display:flex;gap:10px;align-items:center;padding:5px 6px 18px;border-bottom:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),#3785ff);color:#06111d;font-size:.72rem;font-weight:950}.profile strong{display:block;font-size:.76rem}.profile small{display:block;color:var(--muted);font-size:.6rem;margin-top:2px}.sidebar nav{display:grid;gap:4px;margin-top:16px}.nav-btn,.side-action{border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;text-align:left}.nav-btn{display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:10px 11px;border-radius:10px}.nav-btn b{font-size:.78rem}.nav-btn em{font-style:normal;background:#192c42;border:1px solid #2a425c;border-radius:999px;min-width:22px;text-align:center;padding:2px 5px;font-size:.64rem}.nav-btn:hover,.nav-btn.active{background:#122c45;color:white}.nav-btn.active{box-shadow:inset 3px 0 var(--cyan)}.sidebar-actions{display:grid;gap:7px;margin-top:auto}.side-action{padding:10px;border:1px solid var(--line);border-radius:10px;font-weight:750;font-size:.7rem}.side-action:hover{border-color:var(--cyan);color:var(--cyan)}.side-note{display:flex;align-items:center;gap:7px;color:#708399;font-size:.58rem;padding:13px 5px 0}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.workspace{min-width:0;display:grid;grid-template-rows:auto 1fr 31px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px 13px;border-bottom:1px solid var(--line);background:#0a1827cc}.eyebrow{font-size:.58rem;letter-spacing:.15em;color:var(--cyan);font-weight:850;margin:0 0 4px}.page-header h1{font-size:1.45rem;margin:0}.page-header p:last-child{color:var(--muted);font-size:.74rem;margin:4px 0 0}.btn,.filter{border:1px solid var(--line);border-radius:9px;background:#11253a;color:var(--text);padding:9px 12px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.btn:hover,.filter:hover{border-color:#3f6688;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#00bce8,#2478ff);border:0;box-shadow:0 8px 22px #0076a933}.page-scroll{min-height:0;overflow:auto;padding:15px 18px 20px;scrollbar-color:#29445f #0a1726}.view{display:none}.view.active{display:block}.panel{background:linear-gradient(145deg,#10243add,#0b1929ee);border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 30px #0004}
.hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-bottom:12px}.next-up{padding:18px;min-height:145px;position:relative;overflow:hidden}.next-up:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #39d9ff33;border-radius:50%;right:-25px;top:-40px}.section-label{letter-spacing:.13em;color:var(--muted);font-size:.58rem;font-weight:850}.next-name{font-size:1.15rem;font-weight:900;margin:15px 0 6px}.next-time{font-size:clamp(1.65rem,3vw,2.7rem);font-weight:950;line-height:1;color:var(--red);font-variant-numeric:tabular-nums}.next-meta{display:flex;gap:10px;color:var(--muted);margin-top:10px;flex-wrap:wrap;font-size:.67rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{padding:15px 8px;display:flex;flex-direction:column;justify-content:center;text-align:center}.stat strong{font-size:1.7rem}.stat span{font-weight:850;font-size:.72rem}.stat small{color:var(--muted);font-size:.56rem;margin-top:4px}.stat.danger strong{color:var(--red)}.stat.warning strong{color:var(--amber)}.stat.success strong{color:var(--green)}.toolbar{padding:8px;margin-bottom:11px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{padding:6px 11px;background:transparent;color:var(--muted)}.filter.active{color:#06111d;background:var(--cyan);border-color:var(--cyan)}
.deadline-list{display:grid;gap:10px}.card{overflow:hidden}.card-main{display:grid;grid-template-columns:6px 1fr auto;gap:14px;padding:14px}.severity-bar{border-radius:20px;background:var(--green)}.card.urgent .severity-bar{background:var(--red);box-shadow:0 0 18px #ff5d7370}.card.soon .severity-bar{background:var(--amber)}.card.expired .severity-bar{background:#67778b}.card-head{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}.card h2{font-size:.98rem;margin:0}.badge{font-size:.53rem;font-weight:900;border-radius:999px;padding:3px 7px;border:1px solid}.badge.urgent{color:var(--red);border-color:#ff5d7366}.badge.soon{color:var(--amber);border-color:#ffbe4766}.badge.submitted{color:var(--green);border-color:#36e3a066}.badge.pending{color:var(--purple);border-color:#9f79ff66}.deadline-meta{color:var(--muted);font-size:.65rem;display:flex;gap:10px;flex-wrap:wrap}.countdown{text-align:right;min-width:125px}.countdown strong{display:block;font-size:.9rem}.countdown small{color:var(--muted);font-size:.58rem}.card-actions{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.link-btn{display:inline-flex;text-decoration:none;color:var(--text);border:1px solid var(--line);padding:5px 8px;border-radius:7px;font-size:.6rem;font-weight:800}.link-btn:hover{border-color:var(--cyan);color:var(--cyan)}.status-select{background:#081522;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:5px 7px;font-size:.6rem}.task-toggle{border-top:1px solid var(--line);padding:9px 14px;background:#07132180}.task-title{font-size:.6rem;color:var(--muted);font-weight:850;margin-bottom:7px}.tasks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.task{display:flex;align-items:flex-start;gap:7px;color:#dbe5ef;font-size:.66rem}.task input{accent-color:var(--green);width:14px;height:14px;margin:0}.task.done span{text-decoration:line-through;color:#718397}
.section-intro{margin-bottom:13px}.section-intro h2{margin:0;font-size:1.15rem}.section-intro p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.task-group{padding:14px}.task-group h3{font-size:.9rem;margin:0 0 10px}.task-group .tasks-grid{grid-template-columns:1fr}.calendar-card{max-width:650px;margin:25px auto;padding:28px;text-align:center}.calendar-icon{font-size:3rem}.calendar-card h2{margin:8px 0}.calendar-card p{color:var(--muted);font-size:.8rem;line-height:1.6}.calendar-steps{display:grid;grid-template-columns:28px 1fr;gap:8px 11px;text-align:left;margin:24px auto 0;max-width:470px}.calendar-steps span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#17334e;color:var(--cyan);font-weight:900}.calendar-steps p{margin:3px 0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setting-card{padding:18px}.setting-card h2{font-size:1rem;margin:0 0 7px}.setting-card p{color:var(--muted);font-size:.72rem;line-height:1.55}.danger-btn{color:var(--red);border-color:#ff5d7355}
.app-footer{height:31px;border-top:1px solid var(--line);background:#07111e;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;color:#71879d;font-size:.57rem;white-space:nowrap}.app-footer span{display:flex;align-items:center;gap:6px}.toast{position:fixed;left:50%;bottom:23px;transform:translate(-50%,120px);background:#eaf8ff;color:#07111f;border-radius:10px;padding:10px 15px;font-size:.72rem;font-weight:850;box-shadow:0 12px 30px #0008;transition:.22s;z-index:20}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){body{overflow:auto}.desktop-window{position:relative;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:100dvh!important;min-width:0;min-height:600px;max-width:none;max-height:none;border-radius:0;resize:none}.window-meta{display:none}.app-grid{grid-template-columns:68px 1fr}.profile{justify-content:center}.profile>div:last-child{display:none}.nav-btn{grid-template-columns:1fr;justify-items:center;padding:10px 4px}.nav-btn b,.nav-btn em{display:none}.sidebar-actions span,.side-note span:last-child{display:none}.side-action{text-align:center;font-size:1rem}.hero-grid{grid-template-columns:1fr}.settings-grid,.task-board{grid-template-columns:1fr}.window-brand strong{display:none}.window-brand{min-width:45px}.page-header{padding:13px}.page-scroll{padding:11px}.page-header>.btn{display:none}}
@media(max-width:560px){.app-grid{grid-template-columns:56px 1fr}.stat{padding:11px 3px}.stat small{display:none}.card-main{grid-template-columns:5px 1fr}.countdown{grid-column:2;text-align:left;min-width:0}.tasks-grid{grid-template-columns:1fr}.app-footer span:nth-child(2),.app-footer span:nth-child(4){display:none}.page-header h1{font-size:1.15rem}.language-switch{margin-right:0}.win-btn{width:37px}}

/* Hosting database editor and persistent bottom footer */
.workspace{grid-template-rows:auto minmax(0,1fr) 36px}.app-footer{height:36px;position:relative;z-index:4;box-shadow:0 -8px 24px #0005}.header-actions{display:flex;align-items:center;gap:8px}.add-action{color:var(--cyan)!important;border-color:#39d9ff55!important}.record-btn{border:1px solid var(--line);background:#0a1b2c;color:var(--muted);border-radius:7px;padding:5px 8px;font:800 .6rem inherit;cursor:pointer}.record-btn:hover{color:var(--cyan);border-color:var(--cyan)}.record-btn.delete:hover{color:var(--red);border-color:var(--red)}
.editor-backdrop{position:fixed;inset:0;z-index:50;background:#02070dcc;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.editor-dialog{width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:20px;background:#0a1929}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.editor-head h2{margin:2px 0 0}.editor-close{border:0;background:transparent;color:#b9cada;font-size:1.7rem;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:.68rem;font-weight:800}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#071321;color:var(--text);padding:10px;font:inherit;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #39d9ff15}.form-grid textarea{resize:vertical}.editor-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:16px}.db-state{margin-right:auto;color:var(--green);font-size:.65rem;font-weight:800}.db-state.error{color:var(--red)}
@media(max-width:700px){.header-actions .btn:first-child{display:none}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.editor-dialog{padding:15px}}

/* Keep chrome and footer visible; scroll only the working content area */
.desktop-window{display:grid;grid-template-rows:43px minmax(0,1fr)}
.window-bar{min-height:43px}
.app-grid{height:auto;min-height:0;overflow:hidden}
.sidebar{min-height:0;overflow-y:auto;overflow-x:hidden}
.workspace{height:100%;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) 36px}
.page-scroll{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.app-footer{min-height:36px;flex-shrink:0}
@media(max-width:900px){.desktop-window{display:grid;grid-template-rows:43px minmax(0,1fr)}.app-grid{height:auto}}

/* Dashboard summary and filters stay fixed; only the card list scrolls */
.page-scroll:has(#view-dashboard.active){overflow:hidden}
#view-dashboard.active{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
#view-dashboard .hero-grid,#view-dashboard .toolbar{min-height:0;flex-shrink:0}
#view-dashboard .deadline-list{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px;padding-bottom:14px;overscroll-behavior:contain;scrollbar-gutter:stable;grid-auto-rows:max-content;align-content:start}