:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#263b43;background:#f8f9f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bc5d7;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}h1{font-size:clamp(1.5rem,3vw,2rem);margin:4px 0 0}h2{font-size:1.1rem;margin:0 0 18px}.muted{color:#637780}.eyebrow{font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#59899b}.center{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 15%,#cbdccf 0,transparent 40%),radial-gradient(circle at 90% 80%,#f5d2db 0,transparent 40%),#f8f9f7}.auth-panel{width:min(100%,430px);background:#fff;padding:32px;border-radius:24px;box-shadow:0 18px 60px #263b4315;display:grid;gap:14px}.auth-panel label{display:grid;gap:7px;font-size:.9rem;font-weight:650}.auth-panel input{width:100%;padding:12px;border:1px solid #cdd8da;border-radius:10px}.auth-panel button{border:0;border-radius:11px;padding:13px;background:#9bc5d7;color:#163a4a;font-weight:800}.error{padding:11px 14px;border-radius:10px;background:#ffe5e8;color:#8c2738}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#e9f0eb;border-right:1px solid #d8e3df;padding:26px 15px;display:flex;flex-direction:column;gap:35px}.brand{font-size:1.24rem;font-weight:850;padding:0 12px;color:#315d6e}.sidebar nav{display:grid;gap:8px}.sidebar nav button,.text-button{display:flex;align-items:center;gap:13px;width:100%;padding:13px;border:0;border-radius:12px;background:transparent;color:#47646c;text-align:left;font-weight:700}.sidebar nav button.active{background:#9bc5d7;color:#183e4e}.sidebar nav button:hover,.text-button:hover{background:#d4e8e6}.sidebar-bottom{margin-top:auto;border-top:1px solid #c8d8d4;padding:18px 4px 0}.user-email{font-size:.8rem;overflow-wrap:anywhere}.content{min-width:0;padding:34px clamp(18px,4vw,55px);max-width:1500px;width:100%;margin:auto}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:32px}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.top-actions select{max-width:225px;min-width:0;padding:11px;border:1px solid #d2dddc;background:#fff;border-radius:11px;color:#304e58}.icon-button{border:1px solid #d2dddc;background:#fff;border-radius:11px;padding:10px;display:grid;place-items:center;color:#315d6e}.menu{display:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0}.metrics article,.panel{background:#fff;border:1px solid #e1e8e5;border-radius:18px;padding:22px;box-shadow:0 7px 30px #304e5807}.metrics article span{display:block;color:#65777d;font-size:.85rem}.metrics article strong{display:block;font-size:2rem;margin-top:10px}.metrics article .role{font-size:1.2rem;text-transform:capitalize}.panel{margin-top:20px}.record{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef1ef}.record:last-child{border-bottom:0}.record span{flex:1;overflow-wrap:anywhere}.record small{color:#697e82}.workspace-row{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid #e6eeea;background:transparent;padding:16px 2px;color:inherit}.workspace-row span:first-child{display:grid;gap:5px}.workspace-row small{color:#637780}.bottom-nav,.backdrop{display:none}[data-theme=dark]{color:#e4efed;background:#152225}[data-theme=dark] .sidebar{background:#1d3032;border-color:#344a49}[data-theme=dark] .sidebar nav button,[data-theme=dark] .text-button{color:#c3d7d3}[data-theme=dark] .sidebar nav button.active{background:#436e79;color:#fff}[data-theme=dark] .metrics article,[data-theme=dark] .panel,[data-theme=dark] .auth-panel,[data-theme=dark] .icon-button,[data-theme=dark] .top-actions select{background:#24383b;color:#e4efed;border-color:#395154}[data-theme=dark] .center{background:#152225}[data-theme=dark] .brand{color:#a9d8df}[data-theme=dark] .muted{color:#aec0bd}[data-theme=dark] .record,[data-theme=dark] .workspace-row{border-color:#3b5050}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:260px;transform:translate(-105%);transition:transform .2s}.sidebar.open{transform:translate(0)}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:19;border:0}.menu{display:grid}.content{padding-bottom:100px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:#f2f7f4;border-top:1px solid #dbe6e1;justify-content:space-around;padding:8px 6px max(8px,env(safe-area-inset-bottom))}.bottom-nav button{display:grid;justify-items:center;gap:3px;border:0;background:transparent;color:#60777b;font-size:.65rem;padding:6px}.bottom-nav button.active{color:#32748a}[data-theme=dark] .bottom-nav{background:#1d3032;border-color:#344a49}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.topbar{flex-wrap:wrap}.top-actions{width:100%;justify-content:space-between}.top-actions select{flex:1;max-width:none}.metrics article{padding:16px}.metrics article strong{font-size:1.6rem}.record{flex-wrap:wrap}.record small{margin-left:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--sky:#9bc5d7;--mint:#a7d6c7;--sage:#cbddc8;--cream:#e9e3d1;--ivory:#ebe7e4;--blush:#f5d2db}.shell{grid-template-columns:260px minmax(0,1fr);background:#f8faf9}.sidebar{background:#f0f5f1;padding:30px 18px;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:1.15rem;line-height:1.1;padding:0 8px}.brand-icon{width:39px;height:39px;border-radius:13px;background:#9bc5d7;display:grid;place-items:center;color:#285467;font-size:1.5rem}.brand small{display:block;font-size:.52rem;letter-spacing:.13em;margin-top:8px;color:#77929a}.nav-caption{font-size:.68rem;letter-spacing:.15em;color:#7e989b;font-weight:800;margin:25px 10px 0}.sidebar nav button{padding:14px 16px;border-radius:13px}.sidebar-tip{margin-top:auto;padding:20px;border-radius:17px;background:linear-gradient(145deg,#d3e9e2,#e8efdd);color:#376a69;display:grid;gap:8px}.sidebar-tip p{font-size:.82rem;line-height:1.6;margin:0;color:#64827c}.sidebar-bottom{margin-top:0}.content{max-width:1600px;padding:44px clamp(20px,4vw,64px)}.topbar{align-items:flex-start;margin-bottom:32px}.topbar h1{font-size:clamp(1.65rem,3vw,2.2rem);letter-spacing:-.035em;margin:10px 0}.header-subtitle{color:#789096;margin:0;font-size:.94rem}.welcome-banner{min-height:230px;background:linear-gradient(112deg,#d5eae5,#e8f0df 62%,#f4e5e7);border-radius:24px;padding:32px 40px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.welcome-banner h2{font-size:clamp(1.45rem,2.7vw,2.15rem);letter-spacing:-.04em;margin:12px 0 7px;color:#315967}.welcome-banner p{color:#668482;margin:0 0 20px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#81b7c9;color:#163e4d;border:0;border-radius:11px;padding:11px 18px;font-weight:800}.primary-action:hover{background:#70aabd}.banner-art{width:185px;display:grid;place-items:center;position:relative}.art-circle{width:150px;height:150px;border-radius:50%;background:#fff9;box-shadow:0 0 0 17px #fff5;display:grid;place-items:center;color:#70a8a5;transform:rotate(-12deg)}.art-star{position:absolute;right:2px;top:0;font-size:3rem;color:#e9b5c5}.metrics{margin:22px 0;gap:16px}.metrics article{border:0;padding:23px;border-radius:18px;box-shadow:none}.metrics article span{display:flex;gap:9px;align-items:center;color:#52727b;font-weight:700}.metrics article strong{font-size:2.25rem;color:#244754}.metrics article small{color:#68838b}.metrics .metric-blue{background:#e3f0f6}.metrics .metric-mint{background:#e3f3ed}.metrics .metric-blush{background:#f9e9ed}.metrics .metric-cream{background:#f2efdf}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{margin-top:0;border:1px solid #e5edeb;border-radius:20px;padding:25px;box-shadow:0 5px 24px #2c54500a}.panel-heading,.section-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-heading h2,.section-actions h2{font-size:1.25rem;margin:6px 0 0;letter-spacing:-.02em}.link-action{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:#4c91a3;font-weight:750}.empty-state{min-height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7a9e9d;gap:9px}.empty-state strong{color:#365f68}.empty-state p{color:#82949a;margin:0 0 7px;font-size:.9rem}.soft-action{display:inline-flex;gap:7px;align-items:center;background:#e3f0ee;border:0;border-radius:10px;padding:10px 14px;color:#396e74;font-weight:750}.task-record{width:100%;display:flex;gap:13px;align-items:center;padding:15px 2px;background:transparent;border:0;border-bottom:1px solid #edf1ef;text-align:left;color:inherit}.task-record span:nth-child(2){flex:1}.task-record small{color:#7b9398;text-transform:capitalize}.task-check{width:22px;height:22px;border:2px solid #a3c9c7;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.task-check.done{background:#8dc8b7;border-color:#8dc8b7;color:#fff}.task-done{text-decoration:line-through;color:#8b9e9c}.event-icon{width:36px;height:36px;border-radius:10px;background:#e8f3f2;color:#6298a3;display:grid;place-items:center}.section-actions{margin:12px 0 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1a323d77;display:grid;place-items:center;padding:18px}.modal{width:min(100%,460px);background:#fff;border-radius:23px;padding:30px;display:grid;gap:17px;box-shadow:0 20px 80px #1a323d35}.modal h2{font-size:1.55rem;margin:0}.modal label{display:grid;gap:8px;font-size:.88rem;font-weight:700}.modal input{padding:12px;border:1px solid #cddedb;border-radius:11px;width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:9px}[data-theme=dark] .shell{background:#152225}[data-theme=dark] .sidebar-tip{background:#2a4645;color:#c6e7df}[data-theme=dark] .sidebar-tip p,[data-theme=dark] .header-subtitle{color:#afc4bf}[data-theme=dark] .welcome-banner{background:linear-gradient(112deg,#274f51,#39483f,#5b4551)}[data-theme=dark] .welcome-banner h2,[data-theme=dark] .welcome-banner p{color:#e5f3ed}[data-theme=dark] .metrics article{background:#263d40}[data-theme=dark] .metrics article strong,[data-theme=dark] .metrics article span{color:#e2efea}[data-theme=dark] .modal{background:#24383b;color:#e4efed}[data-theme=dark] .modal input{background:#1c3032;color:#e4efed}[data-theme=dark] .task-record{border-color:#3b5050}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed}.content{padding-bottom:105px}}@media(max-width:520px){.welcome-banner{padding:25px;min-height:210px}.banner-art{display:none}.metrics{gap:10px}.metrics article{padding:17px}.metrics article strong{font-size:1.8rem}.panel{padding:18px}.topbar{gap:10px}}.calendar-panel{padding:22px;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.calendar-toolbar h2{margin:0;font-size:1.3rem}.calendar-controls{display:flex;gap:7px}.calendar-controls button{background:#f1f7f5;border:1px solid #dce8e4;border-radius:9px;padding:8px 11px;color:#416b75;display:grid;place-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e5edeb;border-left:1px solid #e5edeb}.calendar-weekday{padding:12px 5px;text-align:center;font-size:.75rem;font-weight:800;color:#7a9398;background:#f5f9f7;border-right:1px solid #e5edeb;border-bottom:1px solid #e5edeb}.calendar-day{min-height:105px;padding:9px 7px;border-right:1px solid #e5edeb;border-bottom:1px solid #e5edeb;min-width:0}.calendar-day.outside{background:#f8faf9;color:#b6c4c2}.calendar-day.today .day-number{background:#9bc5d7;color:#204654;border-radius:50%}.day-number{width:26px;height:26px;display:grid;place-items:center;font-size:.8rem;font-weight:750;margin-bottom:7px}.calendar-event{background:#e0f1eb;color:#3a6c69;border-left:3px solid #89c8b6;border-radius:5px;font-size:.7rem;line-height:1.3;padding:5px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day small{font-size:.68rem;color:#6b8a91}[data-theme=dark] .calendar-grid,[data-theme=dark] .calendar-day,[data-theme=dark] .calendar-weekday{border-color:#395154}[data-theme=dark] .calendar-weekday,[data-theme=dark] .calendar-day.outside,[data-theme=dark] .calendar-controls button{background:#1c3032;color:#b4c7c5}[data-theme=dark] .calendar-event{background:#365851;color:#dcf2e9}@media(max-width:640px){.calendar-panel{padding:12px}.calendar-day{min-height:72px;padding:4px 2px}.calendar-weekday{font-size:.65rem;padding:9px 2px}.calendar-event{font-size:.58rem;padding:3px 2px}.day-number{width:22px;height:22px;font-size:.72rem}.calendar-toolbar h2{font-size:1rem}.calendar-controls button{padding:7px}}.calendar-modes{display:flex;gap:5px;background:#f1f6f4;border-radius:12px;padding:5px;margin-bottom:18px;width:max-content;max-width:100%}.calendar-modes button{background:transparent;border:0;border-radius:9px;padding:9px 16px;color:#6e898e;font-weight:750}.calendar-modes button.selected{background:#fff;color:#2d6777;box-shadow:0 2px 9px #32585c12}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #e5edeb;border-radius:12px;overflow:hidden}.week-column{min-height:260px;border-right:1px solid #e5edeb;padding:8px}.week-column:last-child{border-right:0}.week-label{display:grid;justify-items:center;width:100%;border:0;background:#f3f8f6;border-radius:9px;color:#62838b;padding:12px 3px;gap:5px}.week-label strong{font-size:1.2rem}.week-label.selected{background:#d6eaf0;color:#295a6a}.week-event{display:grid;gap:6px;background:#e4f2ec;border-left:3px solid #8ac7b8;border-radius:6px;padding:9px 6px;margin-top:9px;font-size:.77rem;overflow-wrap:anywhere}.week-event small{color:#6d888b}.agenda-list{display:grid;gap:9px}.agenda-list h3{margin:0 0 12px;font-size:1rem}.agenda-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f7faf8;border-radius:12px}.agenda-date{display:grid;place-items:center;gap:2px;min-width:54px;padding:9px;background:#e1f0ed;border-radius:10px;color:#427b7b}.agenda-date strong{font-size:1.4rem}.agenda-date small{font-size:.7rem}.agenda-item p{margin:6px 0 0;color:#779098;font-size:.82rem}[data-theme=dark] .calendar-modes,[data-theme=dark] .week-label,[data-theme=dark] .agenda-item{background:#1d3032}[data-theme=dark] .calendar-modes button.selected,[data-theme=dark] .agenda-date,[data-theme=dark] .week-event{background:#365851;color:#e2efea}[data-theme=dark] .week-grid,[data-theme=dark] .week-column{border-color:#395154}@media(max-width:640px){.calendar-modes{width:100%;justify-content:space-between}.calendar-modes button{padding:8px 9px;font-size:.78rem}.week-grid{overflow-x:auto;grid-template-columns:repeat(7,minmax(82px,1fr))}.week-column{min-height:180px}.week-event{font-size:.7rem}}.meeting-card{padding:20px;border:1px solid #e2ece8;border-radius:16px;background:#fafcfb;margin:0 0 14px}.meeting-card-top{display:flex;align-items:center;justify-content:space-between}.meeting-symbol{width:42px;height:42px;background:#e0f1eb;color:#538e8a;border-radius:12px;display:grid;place-items:center}.meeting-status{background:#e8f2ef;border-radius:20px;padding:5px 12px;text-transform:capitalize;font-size:.73rem;color:#54847d;font-weight:800}.meeting-card h3{font-size:1.08rem;margin:14px 0}.meeting-card>p{display:flex;align-items:center;gap:7px;color:#69858b;font-size:.86rem}.meeting-note{padding:13px;background:#eff6f2;border-radius:11px;margin-top:12px}.meeting-note strong{font-size:.8rem;color:#4f7876}.meeting-note p{white-space:pre-wrap;font-size:.88rem;line-height:1.5;margin:6px 0 0}.modal textarea{font:inherit;width:100%;padding:12px;border:1px solid #cddedb;border-radius:11px;resize:vertical}[data-theme=dark] .meeting-card,[data-theme=dark] .meeting-note,[data-theme=dark] .modal textarea{background:#1d3032;color:#e4efed;border-color:#395154}.meeting-participants{margin:18px 0;padding:15px;background:#f2f8f5;border-radius:12px}.meeting-participants>strong{display:block;margin-bottom:12px;font-size:.88rem}.participant-row,.participant-add{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 0;border-top:1px solid #e0ebe6}.participant-row>span{flex:1;font-size:.82rem;min-width:95px}.participant-row small{color:#77918d}.participant-row select,.participant-add select,.modal select{padding:8px;border:1px solid #d2e2dc;border-radius:9px;background:#fff;color:#3b6569;max-width:180px;min-width:0}.participant-add select{flex:1}.participant-add .soft-action{padding:9px 12px}[data-theme=dark] .meeting-participants{background:#203c39}[data-theme=dark] .participant-row,[data-theme=dark] .participant-add{border-color:#395154}[data-theme=dark] .participant-row select,[data-theme=dark] .participant-add select,[data-theme=dark] .modal select{background:#1d3032;color:#e4efed;border-color:#395154}@media(max-width:520px){.participant-row select{max-width:135px;font-size:.76rem}.participant-add select{flex-basis:100%}}.invite-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.invite-form input{flex:2;min-width:180px;padding:11px 13px;border:1px solid #d1e1db;border-radius:10px}.invite-form select{flex:1;min-width:105px;padding:11px;border:1px solid #d1e1db;border-radius:10px;background:#fff}.invite-form button{min-width:100px}[data-theme=dark] .invite-form input,[data-theme=dark] .invite-form select{background:#1d3032;color:#e4efed;border-color:#395154}@media(max-width:520px){.invite-form input,.invite-form select,.invite-form button{flex-basis:100%}}:root{--ref-green:#0d743e;--ref-deep:#08442f;--ref-ink:#111d21;--ref-soft:#edf8f5;--ref-edge:#d6e2e1;--ref-yellow:#ffdb55}.shell{background:linear-gradient(128deg,#eff9f7,#f7faf9 62%,#edf5f2)}.content{max-width:1260px;padding:28px clamp(18px,3.5vw,48px)}.sidebar{background:#f2faf6;border-right:1px solid #d6e6df}.sidebar .brand{color:#11573b}.sidebar .brand-icon{background:#d5eedb;color:#0e753e}.sidebar nav button.active{background:#cdebd5;color:#096332}.sidebar-tip{background:linear-gradient(130deg,#d7efdb,#f5f0cb)}.ref-topbar{align-items:center;gap:13px;margin-bottom:18px}.ref-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#082b20}.ref-brand-mark{width:42px;height:42px;border-radius:11px;background:#dcf0d6;display:grid;place-items:center;color:#08713c;box-shadow:0 3px 9px #174f2e1a}.ref-brand strong{display:block;font-size:clamp(1.07rem,2.5vw,1.4rem);font-weight:900;letter-spacing:-.035em;white-space:nowrap}.ref-brand small{display:block;font-size:.55rem;font-weight:700;color:#57956d;letter-spacing:.01em}.ref-top-actions{gap:13px}.ref-theme-switch{width:40px;height:26px;border:0;border-radius:100px;background:#bce2c6;color:#075a34;display:grid;place-items:center}.ref-bell{display:grid;place-items:center;position:relative;color:#0b422e}.ref-bell i{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#facb16;border-radius:50%;border:1px solid #fff}.ref-avatar{width:38px;height:38px;border-radius:50%;border:1px solid #c9d9d5;background:#fff;box-shadow:0 4px 10px #18352c29;color:#123324;font-weight:850;font-size:.77rem}.ref-workspace-bar{margin-bottom:26px}.ref-workspace-bar label{display:block;font-size:.86rem;font-weight:800;max-width:720px;color:#1a2425}.ref-workspace-actions{display:flex;align-items:center;gap:16px;margin-top:7px}.ref-workspace-actions select{flex:1;max-width:340px;min-width:0;padding:12px 16px;border:1px solid #d5e0e2;box-shadow:0 2px 7px #304e5810;border-radius:12px;background:#fff;color:#23383a;font-weight:700}.primary-action{background:linear-gradient(180deg,#16854b,#00652f);color:#fff;border-radius:11px;box-shadow:0 4px 9px #064b2740;font-weight:800}.primary-action:hover{background:linear-gradient(180deg,#138248,#07512b)}.ref-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.ref-section-heading h2{font-size:1.18rem;font-weight:900;letter-spacing:-.035em;margin:0;color:var(--ref-ink)}.ref-inline-actions{display:flex;align-items:center;gap:8px}.ref-icon-action{border:0;background:transparent;color:#1a2829;display:grid;place-items:center;padding:6px;border-radius:8px}.ref-icon-action:hover{background:#dbece4}.ref-search{width:100%;border:1px solid #c9dcd4;border-radius:11px;padding:12px;margin:3px 0 12px}.ref-dashboard{max-width:820px}.ref-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 92px;gap:10px;margin:8px 0 26px}.ref-stat{border-radius:14px;padding:12px 9px;min-width:0;box-shadow:0 3px 8px #0000000d;display:flex;flex-direction:column;gap:7px;justify-content:center}.ref-stat span{display:flex;gap:6px;align-items:center}.ref-stat strong{font-size:1.5rem;line-height:1;font-weight:900;color:#172c24}.ref-stat small{font-size:.72rem;font-weight:650;color:#283b36;white-space:nowrap}.ref-completed{background:#ddf5df}.ref-completed svg{color:#15ad3a}.ref-progress{background:#fff0b7}.ref-progress svg{color:#f1b900}.ref-pending{background:#fce0e3}.ref-pending svg{color:#e6404d}.ref-ring{--progress:0;position:relative;width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--ref-green) calc(var(--progress)*1%),#dce9e7 0);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.ref-ring:before{content:"";position:absolute;width:67px;height:67px;inset:auto;border-radius:50%;background:#f7fbfa}.ref-ring>*{position:relative;z-index:1}.ref-ring strong{font-size:1.05rem;line-height:1.1;color:#132620}.ref-ring small{font-size:.65rem;color:#475a50;font-weight:800}.ref-event-heading{margin:0 0 9px}.ref-event-list{display:grid;gap:10px}.ref-event-card{display:flex;align-items:center;width:100%;min-height:90px;text-align:left;gap:13px;border:1px solid #dae3e1;border-radius:14px;background:#ffffffe6;color:#17252a;padding:15px 17px;box-shadow:0 3px 9px #193a2b0b}.ref-event-card:hover{border-color:#85bca0;box-shadow:0 5px 13px #193a2b1a}.ref-event-icon{align-self:flex-start;color:#086a36;margin-top:3px}.ref-event-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;gap:3px}.ref-event-text>strong{font-size:.95rem;font-weight:850;line-height:1.25}.ref-event-text>small{font-size:.77rem;color:#415a5e}.ref-event-arrow{color:#263d3d;flex-shrink:0}.ref-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:50px;padding:4px 11px;font-size:.68rem;font-weight:850;text-transform:capitalize;background:#d8e9eb;color:#23596c}.ref-badge.status-completed,.ref-badge.status-done{background:#bfecc8;color:#07501f}.ref-badge.status-planned{background:#bde0ff;color:#164ca2}.ref-badge.status-in-progress{background:#ffe478;color:#503d00}.ref-badge.status-pending{background:#f9d2d8;color:#892a36}.ref-empty{border:1px dashed #cadbd4;border-radius:14px;padding:40px 20px;min-height:150px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;text-align:center;color:#64827a}.ref-empty strong{color:#355b49}.ref-empty p{margin:0;font-size:.85rem}.ref-detail{max-width:840px}.ref-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 25px}.ref-detail-heading h2{font-size:1.18rem;font-weight:900;color:#121d20;margin:0;letter-spacing:-.025em}.ref-detail-spacer{width:33px}.ref-event-title{display:flex;align-items:center;gap:12px;margin:10px 0 14px}.ref-event-title svg{flex-shrink:0;color:#08653a}.ref-event-title h3{flex:1;margin:0;font-size:1.12rem;line-height:1.3}.ref-detail-row{display:flex;align-items:center;gap:12px;font-size:.88rem;color:#25373b;margin:10px 0 12px}.ref-detail-row>span{font-size:1.4rem}.ref-tabs{display:flex;align-items:stretch;justify-content:space-between;gap:3px;border-bottom:1px solid #d4e3dd;margin:20px 0 17px}.ref-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 14px;font-size:.85rem;font-weight:800;color:#384747}.ref-tabs button.selected{border-color:#0a713c;color:#064b2b}.ref-phase-heading{display:flex;align-items:center;gap:10px;background:#dceee1;padding:12px;border-radius:11px;font-size:.9rem;font-weight:850}.ref-event-task{display:flex;align-items:flex-start;gap:12px;padding:16px 12px;border-bottom:1px solid #dfe8e4}.ref-event-task>span:nth-child(2){flex:1;min-width:0}.ref-event-task strong{display:block;font-size:.88rem}.ref-event-task small{display:block;margin-top:8px;color:#596d6a;font-size:.77rem}.ref-add-task{display:flex;width:max-content;margin:27px 0 0 auto;border-radius:30px}.ref-filter-modal{max-width:430px}.ref-filter-modal h3{font-size:.95rem;margin:14px 0}.ref-filter-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ref-filter-options button{border:1px solid #d5e0e0;border-radius:30px;background:#fff;padding:12px;font-weight:700;color:#24383a}.ref-filter-options button.selected{background:#d7efdc;border-color:#41995a;color:#0a6737}.ref-filter-modal .primary-action{margin-top:22px}.ref-reset{border:0;background:transparent;font-weight:800;color:#132a25}.ref-settings{max-width:820px}[data-theme=dark]{background:#002f27;color:#ebf9ec}[data-theme=dark] .shell{background:radial-gradient(circle at 30% -10%,#125a47,#002d26 70%);color:#e6f7ea}[data-theme=dark] .sidebar{background:#063b30;border-color:#125441}[data-theme=dark] .sidebar .brand,[data-theme=dark] .ref-brand,[data-theme=dark] .ref-section-heading h2,[data-theme=dark] .ref-detail-heading h2{color:#f2faea}[data-theme=dark] .ref-brand small{color:#add8af}[data-theme=dark] .ref-brand-mark{background:#0f5c3d;color:#fbe26a}[data-theme=dark] .ref-top-actions .ref-theme-switch{background:#1f6650;color:#f7db44}[data-theme=dark] .ref-bell{color:#f4e96e}[data-theme=dark] .ref-avatar{background:#dcebdc;color:#042f22}[data-theme=dark] .ref-workspace-bar label,[data-theme=dark] .ref-event-title,[data-theme=dark] .ref-detail-row{color:#eaf8e8}[data-theme=dark] .ref-workspace-actions select,[data-theme=dark] .ref-event-card,[data-theme=dark] .ref-filter-options button{background:#0b4a3a;color:#f2fae9;border-color:#326b5b}[data-theme=dark] .ref-event-icon,[data-theme=dark] .ref-event-arrow,[data-theme=dark] .ref-icon-action{color:#f8e867}[data-theme=dark] .ref-event-text>small,[data-theme=dark] .ref-event-task small{color:#c5d9ce}[data-theme=dark] .ref-ring:before{background:#00372b}[data-theme=dark] .ref-ring strong,[data-theme=dark] .ref-ring small{color:#f3f7d5}[data-theme=dark] .ref-phase-heading{background:#1b5b46}[data-theme=dark] .ref-event-task{border-color:#2c654e}[data-theme=dark] .ref-tabs button{color:#e1f3e6}[data-theme=dark] .ref-tabs button.selected{color:#f7ec6c;border-color:#f7ec6c}[data-theme=dark] .ref-empty{border-color:#366d54}[data-theme=dark] .ref-empty strong{color:#e9f7e9}[data-theme=dark] .ref-filter-options button.selected{background:#175b43;color:#e4f5dc}@media(max-width:900px){.shell{grid-template-columns:1fr}.content{padding:20px clamp(15px,4vw,26px) 100px}.bottom-nav{background:#f6fbf9;border-color:#c4ddd2;box-shadow:0 -2px 10px #132b241a;padding:7px 5px max(9px,env(safe-area-inset-bottom))}.bottom-nav button{flex:1;border-radius:12px;font-size:.67rem;color:#182b2b;font-weight:760;padding:8px 2px 6px}.bottom-nav button.active{background:linear-gradient(145deg,#148149,#075b34);color:#fff}.bottom-nav button span{white-space:nowrap}[data-theme=dark] .bottom-nav{background:#003b2f;border-color:#1c6652}[data-theme=dark] .bottom-nav button{color:#e6f6e6}[data-theme=dark] .bottom-nav button.active{background:linear-gradient(145deg,#246d49,#0b5735);color:#ffe56a}}@media(max-width:540px){.content{padding:16px 14px 102px}.ref-topbar{margin-bottom:18px}.ref-top-actions{margin-left:auto;width:auto;gap:9px}.ref-brand-mark{width:34px;height:34px}.ref-brand strong{font-size:1.03rem}.ref-brand small{font-size:.48rem}.ref-avatar{width:35px;height:35px}.ref-theme-switch{width:34px;height:23px}.ref-workspace-bar{margin-bottom:24px}.ref-workspace-actions{gap:10px}.ref-workspace-actions select{max-width:none;width:50%;padding:10px 9px}.ref-workspace-actions .primary-action{flex-shrink:0;padding:10px 13px;font-size:.82rem}.ref-section-heading h2{font-size:1.04rem}.ref-status-grid{grid-template-columns:repeat(3,minmax(0,1fr)) 70px;gap:7px;margin-bottom:25px}.ref-stat{padding:10px 8px;border-radius:12px}.ref-stat span{gap:4px}.ref-stat strong{font-size:1.15rem}.ref-stat small{font-size:.57rem}.ref-stat svg{width:16px;height:16px}.ref-ring{width:68px;height:68px}.ref-ring:before{width:54px;height:54px}.ref-ring strong{font-size:.83rem}.ref-ring small{font-size:.54rem}.ref-event-card{padding:13px 12px;min-height:89px;gap:10px}.ref-event-text>strong{font-size:.89rem}.ref-detail-heading{margin-bottom:18px}.ref-event-title{flex-wrap:wrap}.ref-event-title h3{font-size:1rem}.ref-event-title .ref-badge{margin-left:auto}.ref-tabs button{font-size:.76rem;padding:10px 6px}.ref-filter-modal{max-height:95vh;overflow:auto}}.ref-task-detail{max-width:650px}.ref-task-detail form{display:grid;gap:18px}.ref-task-title{display:flex;align-items:flex-start;gap:17px;min-height:62px;color:#09693a}.ref-task-title h3{font-size:1.18rem;line-height:1.34;margin:0;color:#101b1e}.ref-task-title input{flex:1;min-width:0;padding:11px;font-size:1rem;font-weight:850;border:1px solid #b6d5c0;border-radius:10px}.ref-task-fields{display:grid;gap:10px}.ref-task-fields label{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:15px;font-size:.86rem;font-weight:800;color:#26343a}.ref-task-fields label>select,.ref-task-fields label>input{width:100%;min-height:44px;background:#fcfefe;border:1px solid #d5e1e0;border-radius:11px;box-shadow:0 1px 3px #132b2410;color:#28353b;font-weight:700;padding:10px 13px;text-transform:capitalize}.ref-task-fields label>input[type=date]{text-transform:none}.ref-description-label{display:grid;gap:10px;font-weight:850;font-size:.87rem}.ref-description-label textarea{font:inherit;border:1px solid #d5e1e0;background:#fcfefe;border-radius:12px;padding:13px;line-height:1.6;resize:vertical}.ref-save{width:100%;margin-top:8px;padding:14px 18px;display:flex;font-weight:900}.ref-task-more{border:0;background:transparent;display:grid;place-items:center;padding:2px;color:#28764d}.ref-task-list-row{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #e6eee9;color:inherit}.ref-task-filter-caption{font-size:.77rem;color:#71837f;font-weight:650;margin:0 0 15px}.ref-filter-modal{gap:12px;max-height:calc(100vh - 30px);overflow:auto}.ref-filter-modal h3{margin:12px 0 0;font-size:.93rem}.ref-filter-modal h3 small{font-weight:500;color:#697d7e;font-size:.75rem}.ref-filter-options button{font-size:.85rem;min-height:40px;border-radius:25px;padding:10px 5px}.ref-filter-options button.urgency-high{background:#fce4e5;color:#9a2636}.ref-filter-options button.urgency-medium{background:#fff3cc;color:#735704}.ref-filter-options button.urgency-low{background:#e0f4e4;color:#16773b}.ref-urgency-form{display:grid;gap:12px}.ref-urgency-form>h3{font-size:1.1rem;margin:8px 0 -7px;color:#1c292f}.ref-urgency-form>p{font-size:.88rem;color:#576c70;margin:0 0 6px}.ref-urgency-card{padding:19px;border-radius:13px;display:grid;gap:12px}.ref-urgency-card h4{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:900;margin:0}.ref-urgency-card>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:.85rem;font-weight:700}.ref-urgency-card input{width:64px;border:1px solid #cad8dc;border-radius:10px;background:#fbffff;padding:9px;text-align:center;font-weight:850}.ref-urgency-card b{border:1px solid #d0dedb;padding:8px 13px;border-radius:9px;background:#ffffffe0}.urgent-high{background:#ffe3e2;color:#98272b}.urgent-medium{background:#fff1c7;color:#6d5004}.urgent-low{background:#e0f5e5;color:#13803a}.ref-info-note{border:1px solid #b9e0f5;border-radius:12px;padding:15px 18px;background:#e0f3fc;color:#26547c;font-size:.84rem;line-height:1.55}.ref-success{color:#08723b;font-weight:800;margin:2px}.modal label>select{max-width:100%;width:100%;min-height:42px}[data-theme=dark] .ref-task-title h3,[data-theme=dark] .ref-task-fields label,[data-theme=dark] .ref-urgency-form>h3{color:#f3f9e6}[data-theme=dark] .ref-task-fields input,[data-theme=dark] .ref-task-fields select,[data-theme=dark] .ref-description-label textarea,[data-theme=dark] .ref-task-title input,[data-theme=dark] .ref-urgency-card input{background:#0d4939;color:#f2ffe9;border-color:#42705a}[data-theme=dark] .ref-task-list-row{color:#eaf8e8;border-color:#31654b}[data-theme=dark] .ref-urgency-form>p,[data-theme=dark] .ref-task-filter-caption{color:#c1d8cb}[data-theme=dark] .urgent-high{background:#753837;color:#fff0e5}[data-theme=dark] .urgent-medium{background:#665b24;color:#fff1b8}[data-theme=dark] .urgent-low{background:#22583d;color:#c5f2d0}[data-theme=dark] .ref-info-note{background:#1b5166;color:#e4f5fe;border-color:#3d7a90}[data-theme=dark] .ref-urgency-card b{background:#174c38;color:#fff}@media(max-width:540px){.ref-task-fields label{grid-template-columns:85px 1fr;gap:9px}.ref-task-title h3{font-size:1.04rem}.ref-urgency-card{padding:15px}.ref-urgency-card>div{font-size:.78rem}.ref-urgency-card input{width:57px}.ref-task-filter-caption{font-size:.73rem}.ref-settings .ref-tabs button{padding:12px 11px}}