@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&family=Times+New+Roman&display=swap";:root{color-scheme:light;--bg: #f5f7f3;--panel: #ffffff;--panel-muted: #eef2e8;--text: #1f2a24;--muted: #6b7c72;--primary: #2f6b45;--primary-dark: #1f4d33;--accent: #7bbf8a;--shadow: 0 20px 40px rgba(15, 23, 42, .08);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;font-family:Open Sans,system-ui,sans-serif;font-weight:400;background:radial-gradient(circle at top right,#e6f1e8,var(--bg));color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:Times New Roman,Times,serif;font-weight:600;letter-spacing:.2px}a{color:inherit;text-decoration:none}.app{display:block;min-height:100vh}.sidebar{background:#f1f6ef;color:var(--text);padding:32px 24px;display:flex;flex-direction:column;gap:28px;position:fixed;top:0;left:0;width:280px;height:100vh;overflow-y:auto;transition:transform .25s ease;transform:translate(0);z-index:2000}.sidebar-backdrop{position:fixed;inset:0;background:#0f172a59;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1500}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.sidebar__brand{display:flex;gap:12px;align-items:center}.sidebar__close{margin-left:auto;border:none;background:transparent;font-size:20px;color:var(--muted);cursor:pointer;display:none}.brand__mark{width:52px;height:52px;background:linear-gradient(145deg,#2f6b45,#7bbf8a);border-radius:18px;display:grid;place-items:center;font-weight:700;color:#f7fbf7}.brand__title{font-weight:600;font-size:18px}.brand__subtitle{font-size:12px;color:#7a8b81}.sidebar__nav,.sidebar__projects{display:flex;flex-direction:column;gap:8px}.sidebar__submenu{margin-top:10px}.submenu__toggle{width:100%;border:1px dashed rgba(47,107,69,.25);background:transparent;color:#7a8b81;padding:8px 12px;border-radius:12px;cursor:pointer}.nav__item,.project__item{padding:10px 14px;border-radius:12px;color:#5b6a62;display:flex;align-items:center;gap:10px}.nav__item.active,.project__item.active,.nav__item:hover,.project__item:hover{background:#2f6b451f;color:var(--text)}.project__dot{width:10px;height:10px;border-radius:999px}.sidebar__section-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#8a9b91;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.sidebar__gear{font-size:14px;color:#8a9b91}.sidebar__footer{margin-top:auto;position:sticky;bottom:16px;border-top:1px solid rgba(47,107,69,.15);padding-top:16px;background:#f1f6ef;display:flex;align-items:center;justify-content:space-between}.profile{display:flex;gap:12px;align-items:center}.footer-menu{position:relative}.footer-menu__toggle{border:1px solid rgba(47,107,69,.2);background:#f6fbf7;color:var(--text);width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:18px;line-height:1}.footer-menu__panel{position:absolute;right:0;bottom:40px;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:140px;z-index:5}.footer-menu__item{padding:8px 10px;border-radius:10px;color:var(--text)}.footer-menu__item.active,.footer-menu__item:hover{background:#2f6b451f}.profile__avatar{width:40px;height:40px;border-radius:14px;background:#2f6b45;color:#f7fbf7;display:grid;place-items:center;font-weight:600}.profile__name{font-weight:600;font-size:14px}.profile__email{font-size:12px;color:#7a8b81}.main{padding:32px 40px 40px;min-height:100vh;margin-left:280px}.page{display:flex;flex-direction:column;gap:24px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-stats .stat-card{text-decoration:none;color:inherit}.month-nav{display:flex;align-items:center;justify-content:center;gap:12px}.month-label{font-weight:600}.done-group{display:flex;flex-direction:column;gap:12px}.filters-manage{display:flex;flex-direction:column;gap:24px}.filters-manage__new{background:linear-gradient(135deg,#2f6b4514,#7bbf8a14);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;width:50%}.filters-manage__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none}.filter-row{background:#fff;padding:18px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;max-width:none;cursor:grab}.filter-row:active{cursor:grabbing}.filter-row--over{outline:2px dashed rgba(47,107,69,.6);outline-offset:4px;transform:translateY(-2px)}.filters-section__title{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#7a8b81;margin-bottom:8px}.filters-chips{display:flex;flex-wrap:wrap;gap:10px}.filters-manage__new input,.filter-row input{padding:10px 12px;border-radius:12px;border:1px solid rgba(47,107,69,.2);background:#fff;font-size:14px}.filters-manage__new .btn,.filter-row .btn{align-self:flex-end;padding:6px 12px;font-size:12px}.tags-manage{display:flex;flex-direction:column;gap:24px}.tags-manage__new{background:linear-gradient(135deg,#2f6b4514,#7bbf8a14);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 60px auto;gap:12px;align-items:center}.tags-manage__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tag-row{background:#fff;padding:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 60px;gap:12px;align-items:center}.tag-row__actions{display:flex;gap:8px;justify-content:flex-end;grid-column:1 / -1}.text-btn{padding:4px 8px;font-size:11px;border-radius:8px}.tags-manage__new input,.tag-row input{padding:10px 12px;border-radius:12px;border:1px solid rgba(47,107,69,.2);background:#fff;font-size:14px}.tags-manage__new input[type=color],.tag-row input[type=color]{padding:0;border-radius:10px;width:36px;height:28px;border:none;background:transparent}.tags-manage__new input[type=color]::-webkit-color-swatch-wrapper,.tag-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tags-manage__new input[type=color]::-webkit-color-swatch,.tag-row input[type=color]::-webkit-color-swatch{border:none;border-radius:10px}.tag-add{border:1px dashed rgba(47,107,69,.35);background:transparent;color:var(--primary-dark);width:28px;height:28px;border-radius:10px;cursor:pointer}.tag-add-row{margin-top:8px}.tag-add-row input{width:100%;padding:8px 10px;border-radius:10px;border:1px solid rgba(47,107,69,.2)}.tag-popover{margin-top:8px}.tag-popover input{width:100%;padding:8px 10px;border-radius:10px;border:1px solid rgba(47,107,69,.2)}.chip{border:1px solid rgba(47,107,69,.25);background:#f6fbf7;color:#2a3a31;padding:7px 14px;border-radius:999px;font-size:12px;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease}.chip--active{background:#2f6b452e;border-color:#2f6b458c;color:var(--primary-dark);transform:translateY(-1px)}.stat-card{background:var(--panel);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow)}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.stat-value{font-size:28px;font-weight:600;margin-top:8px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.topbar__left{display:flex;align-items:center;gap:14px}.topbar h1{margin:0;font-size:32px}.topbar p{margin:6px 0 0;color:var(--muted)}.topbar__actions{display:flex;align-items:center;gap:12px}.topbar__menu{display:none;border:1px solid rgba(15,23,42,.12);background:#fff;width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:18px}.search{background:var(--panel);border:1px solid #e2e8f0;border-radius:999px;padding:10px 16px;min-width:240px}.search-wrap{position:relative;display:inline-flex;align-items:center}.search-toggle{display:none;border:none;background:transparent;color:var(--muted);cursor:pointer;padding:6px}.search-clear{position:absolute;right:8px;border:none;background:transparent;color:var(--muted);cursor:pointer;padding:4px}.btn{background:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.btn:hover{transform:translateY(-1px);background:var(--primary-dark)}.btn--ghost{background:transparent;border:1px solid rgba(148,163,184,.4);color:var(--text);box-shadow:none;transition:border-color .2s ease,color .2s ease,background .2s ease}.btn--ghost:hover{border-color:#2f6b4559;color:var(--primary-dark);background:#2f6b4514;transform:none}.btn--small{padding:6px 12px;font-size:12px;border-radius:999px;box-shadow:none}.quick-add{background:var(--panel);border-radius:var(--radius-lg);padding:16px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow);position:relative}.quick-add input{flex:1;border:none;background:transparent;font-size:16px}.quick-add__suggestions{position:absolute;left:16px;right:120px;top:100%;margin-top:8px;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:6px;z-index:20}.quick-add__suggestion{border:none;background:#2f6b4514;color:var(--text);padding:8px 10px;border-radius:10px;text-align:left;cursor:pointer}.quick-add__suggestion:hover{background:#2f6b452e}.quick-add__suggestion--active{background:#2f6b4538;border:1px solid rgba(47,107,69,.35)}.quick-add input:focus{outline:none}.task-list{background:transparent;padding:0;border-radius:0;box-shadow:none}.task-list--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:0;background:transparent;box-shadow:none}.task-list__panel{background:transparent;padding:0;border-radius:0;box-shadow:none}.task-details{background:var(--panel);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;max-height:none;overflow:visible;height:fit-content}.task-details__header{display:flex;align-items:center;justify-content:space-between}.task-details__header h3{margin:0;font-size:20px}.close-btn{background:transparent;border:none;color:var(--muted);font-size:16px;padding:6px 8px;border-radius:8px;cursor:pointer}.close-btn:hover{color:var(--primary-dark);background:#2f6b4514}.task-details__body{display:flex;flex-direction:column;gap:16px}.task-list h2{margin:0 0 16px;font-size:20px}.task-list__items{display:flex;flex-direction:column;gap:16px}.task{display:grid;grid-template-columns:32px 1fr auto;gap:16px;align-items:center;padding:12px;border-radius:var(--radius-md);background:#f8fafc;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.task--active{box-shadow:0 10px 20px #0f172a14;border:1px solid rgba(16,185,129,.2)}.task:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.task--done{opacity:.6}.task__check{display:grid;place-items:center}.task__check input{display:none}.task__check span{width:20px;height:20px;border:2px solid var(--primary);border-radius:6px;display:inline-block;position:relative}.task__check input:checked+span{background:var(--primary)}.task__check input:checked+span:after{content:"";position:absolute;top:2px;left:6px;width:4px;height:10px;border:solid #0f172a;border-width:0 2px 2px 0;transform:rotate(45deg)}.task__title{font-weight:400}.task__desc{color:var(--muted);margin-top:4px}.task__meta{display:flex;gap:8px;margin-top:8px}.task__meta--simple{justify-content:space-between;align-items:center}.task__meta-left,.task__meta-right{display:flex;gap:10px;align-items:center}.meta{font-size:12px;color:var(--muted);text-transform:capitalize}.meta.overdue{color:#dc2626}.meta.due-soon{color:#f97316}.meta.due-week{color:#f59e0b}.priority{display:inline-flex;align-items:center;gap:6px}.priority--low{color:#64748b}.priority--medium{color:#0ea5e9}.priority--high{color:#dc2626}.priority__icon{font-size:12px}.priority__icon svg{display:block}.badge{padding:4px 10px;border-radius:999px;color:#0f172a;background:#10b981;font-size:12px;font-weight:600}.badge--soft{background:#0f172a14}.badge--active{color:#0f172a}.empty{padding:24px;text-align:center;color:var(--muted)}.notes h2{margin:8px 0 12px}.note-add{background:var(--panel);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.note-add__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.note-add input,.note-add textarea,.note-add select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;font-family:inherit}.note-add textarea{resize:vertical}.note-add__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.note-add__row label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.note-add__row--full{grid-template-columns:1fr}.note-add__toggle{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--text)}.fancy-toggle input{display:none}.fancy-toggle span{padding:6px 12px;border-radius:999px;border:1px solid rgba(47,107,69,.25);font-size:12px;background:#f6fbf7}.fancy-toggle input:checked+span{background:#2f6b4533;border-color:#2f6b4573;color:var(--primary-dark)}.note-detail{background:var(--panel);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.note-detail__nav{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px}.note-detail__date{font-size:13px;color:var(--muted)}.note-desc{position:relative;display:flex;flex-direction:column;gap:8px}.note-desc__label-row{display:flex;align-items:center;justify-content:space-between}.note-desc textarea{min-height:240px}.note-desc__fullscreen{align-self:flex-end;border:none;background:transparent;font-size:14px;color:var(--muted);cursor:pointer}.note-desc--fullscreen{position:fixed;top:80px;bottom:80px;left:50%;transform:translate(-50%);width:min(960px,calc(100% - 40px));background:var(--panel);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow);z-index:4000}.note-desc--fullscreen textarea{min-height:calc(100vh - 220px)}.note-detail__content{line-height:1.6;white-space:pre-wrap}.note-detail__title{font-size:22px;font-weight:600;margin:0;color:var(--text)}.note-detail__divider{height:1px;background:#2f6b4533;border-radius:999px}.note-add__colors{display:flex;gap:10px;flex-wrap:wrap}.notes--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.notes__panel{display:flex;flex-direction:column;gap:20px}.color-dot{width:26px;height:26px;border-radius:999px;border:1px solid #d6dcd5;cursor:pointer}.color-dot.active{border-color:#0f172a}.notes__list{display:flex;flex-direction:column;gap:12px}.note-row{padding:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);cursor:pointer}.note-row--active{outline:2px solid rgba(47,107,69,.2)}.note-row__title{font-size:16px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row__desc{color:var(--text);opacity:.7;font-size:13px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:300}.note-row__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap}.note-row__meta-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-row__meta-right{display:inline-flex;align-items:center;gap:8px}.note-row__tags{display:flex;gap:6px;flex-wrap:wrap}.note-row__tags .badge{font-size:11px;padding:2px 8px;font-weight:400}.note-row__project,.note-row__time{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.note-row__icon{font-size:12px;color:var(--muted)}.note-row__icon svg,.note-row__pin-button svg{display:block}.note-row__pin-button{border:none;background:transparent;font-size:12px;cursor:pointer;color:#c0c4c0;padding:2px 4px;transition:transform .15s ease,color .15s ease}.note-row__pin-button:hover{color:var(--primary-dark)}.note-row__pin-button--active{color:var(--primary);transform:rotate(-15deg) scale(1.1)}.note-row__pin-button:active{transform:scale(.92)}.note-row__pin-button--pulse{animation:pinPulse .32s ease}@keyframes pinPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notes__header{display:flex;align-items:center;justify-content:flex-start;gap:12px}.note-details{background:var(--panel);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;position:sticky;top:30px;margin-top:120px;max-height:none;overflow:visible;height:fit-content}.note-pin-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer}.note-pin-toggle input{display:none}.note-pin-toggle span{font-size:14px}.note-markdown{color:var(--text);line-height:1.6}.note-markdown--clamp{max-height:240px;overflow:hidden}.note-markdown h1,.note-markdown h2,.note-markdown h3{margin:0 0 8px}.note-markdown ul{margin:8px 0 8px 18px}.note-markdown code{background:#0f172a14;padding:2px 6px;border-radius:6px;font-size:12px}.note-markdown--preview{border-top:1px dashed rgba(47,107,69,.2);padding-top:8px;color:var(--muted);font-size:13px}.note-card__footer{display:flex;gap:8px;flex-wrap:wrap}.calendar{background:var(--panel);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}.calendar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar__controls{display:flex;gap:8px}.calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar__weekday{text-transform:uppercase;font-size:12px;color:var(--muted);padding:4px 0}.calendar__day{background:#f8fafc;border-radius:16px;padding:10px;min-height:90px;display:flex;flex-direction:column;justify-content:space-between;border:none;text-align:left;cursor:pointer}.calendar__day.muted{opacity:.4}.calendar-tabs{display:flex;gap:8px}.tab{border:1px solid rgba(47,107,69,.2);background:#f6fbf7;color:var(--text);padding:6px 12px;border-radius:999px;cursor:pointer;font-size:12px}.tab.active{background:#2f6b4533;border-color:#2f6b4573;color:var(--primary-dark)}.calendar__day-header{display:flex;justify-content:space-between;align-items:center}.calendar__counts{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:999px}.dot--task{background:#10b981}.dot--note{background:#0ea5e9}.calendar__summary{font-size:12px;color:var(--muted)}.week{background:var(--panel);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}.week__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.week__range{font-size:14px;color:var(--muted)}.week__nav{display:flex;gap:8px}.week__header{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.week__day{background:#f8fafc;border-radius:16px;padding:10px;text-align:center}.week__day-name{display:block;font-size:11px;color:var(--muted)}.week__day-date{display:block;font-size:12px;font-weight:600}.week__grid{display:grid;grid-template-columns:80px 1fr}.week__hours{display:grid;grid-template-rows:repeat(12,70px);gap:4px;color:var(--muted);font-size:12px}.week__hour{display:flex;align-items:flex-start}.week__slots{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;position:relative}.week__column{display:grid;grid-template-rows:repeat(12,70px);gap:4px}.week__slot{background:#f8fafc;border-radius:12px}.week__event{position:absolute;right:24px;top:40px;background:#10b981;color:#0f172a;padding:12px 16px;border-radius:14px;min-width:200px;box-shadow:var(--shadow)}.auth-layout{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e0f2fe,#f8fafc)}.auth-card{width:min(380px,90vw);background:var(--panel);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.auth-card h1{margin:0}.auth-card input{padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0}.auth-checkbox{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.auth-error{background:#fee2e2;color:#7f1d1d;padding:8px 10px;border-radius:10px;font-size:12px}.auth-message{background:#e2f6ea;color:#14532d;padding:8px 10px;border-radius:10px;font-size:12px}.auth-links{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.admin-users{display:flex;flex-direction:column;gap:12px;background:var(--panel);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow)}.admin-users__header,.admin-users__row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(160px,1fr) minmax(240px,2fr) minmax(140px,1fr);gap:16px;align-items:center}.admin-users__header{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.admin-users__row{padding:12px 0;border-top:1px solid rgba(148,163,184,.2)}.admin-users__email{font-weight:600}.admin-users__meta{font-size:12px;color:var(--muted)}.admin-users__status{display:flex;flex-direction:column;gap:8px}.admin-users__status select{padding:6px 10px;border-radius:10px;border:1px solid #e2e8f0;font-size:12px}.admin-users__counts{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:var(--muted)}.admin-users__actions{display:flex;justify-content:flex-end}.projects-manage{display:flex;flex-direction:column;gap:18px}.projects-manage__new{display:grid;grid-template-columns:1fr 60px auto;gap:12px;background:var(--panel);padding:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:none}.projects-manage__new input{padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0}.projects-manage__new input[type=color]{padding:0;border-radius:10px;width:60px;height:40px;border:none;background:transparent}.projects-manage__new input[type=color]::-webkit-color-swatch-wrapper{padding:0}.projects-manage__new input[type=color]::-webkit-color-swatch{border:none;border-radius:10px}.projects-manage__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}.project-row{background:var(--panel);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;max-width:none}.project-row__head{display:grid;grid-template-columns:1fr 60px auto;gap:10px;align-items:center}.project-row__head input[type=color]{width:60px;height:36px;border:none;padding:0;background:transparent}.project-row__head input[type=text],.project-row__head input:not([type]){padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;width:100%}.projects-manage__new .btn,.project-row .btn{align-self:flex-end;padding:6px 12px;font-size:12px}.project-row__body{display:grid;grid-template-columns:1fr;gap:12px}.project-row__body label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.project-row__body textarea,.project-row__body input{padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;font-family:Open Sans,system-ui,sans-serif}.project-row__actions{display:flex;justify-content:flex-end;gap:8px;align-items:flex-end}.project-row__actions .btn{padding:6px 10px;font-size:12px}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text)}.modal{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;padding:24px;z-index:50}.modal__card{width:min(640px,92vw);background:var(--panel);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal__actions{display:flex;gap:8px;margin-left:auto}.modal__header h3{margin:0;font-size:22px}.modal__header p{margin:6px 0 0;color:var(--muted)}.modal__row--due-reminder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal__row--due-reminder .due-field,.modal__row--due-reminder .reminder-field{display:flex;flex-direction:column;gap:4px;width:100%}.modal__row--due-reminder input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.15);background:#fff}.modal__field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.modal__field input,.modal__field textarea,.modal__row input,.modal__row select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;font-family:inherit;font-size:14px}.modal__field select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;font-family:inherit;font-size:14px;background:#fff}.modal__row{display:flex;justify-content:space-between;gap:12px;padding:0;background:transparent;border-radius:var(--radius-md);font-size:14px}.modal__row--plain{align-items:center}.modal__row--plain input[type=date],.modal__row--plain select{max-width:220px}.modal__row--plain input[type=datetime-local]{max-width:260px}.reminder-row{align-items:center;gap:10px}.reminder-icon{font-size:18px;color:var(--muted)}.modal__label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:6px}.modal__label--icon{display:inline-flex;align-items:center;gap:8px}.recurrence-toggle-row{display:flex;align-items:center;gap:10px}.recurrence-badge{padding:4px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.2);font-size:12px;color:#94a3b8;background:transparent}.recurrence-badge--active{border-color:#10b981;color:#0f5128}.recurrence-sentence{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:linear-gradient(135deg,#10b98114,#0ea5e914);padding:10px 14px;border-radius:16px}.recurrence-sentence--off,.recurrence-sentence--off input,.recurrence-sentence--off select{color:#9ca3af}.recurrence-sentence--off input::placeholder{color:#cbd5f5}.recurrence-sentence--fancy span{font-size:12px;color:#0f172a;font-weight:600}.recurrence-input,.recurrence-select{width:90px;max-width:90px;padding:6px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;font-size:13px}.recurrence-input[type=date]{width:140px;max-width:140px}.modal__row--full select{max-width:none;width:100%}.modal__row--plain input[type=number]{max-width:120px}.priority-radio{display:flex;width:100%;justify-content:flex-start;gap:10px;flex-wrap:nowrap;align-items:center}.priority-option{text-align:left;position:relative;cursor:pointer}.priority-option input{position:absolute;opacity:0;pointer-events:none}.priority-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:999px;border:1px solid transparent;font-size:12px;text-transform:capitalize;background:#e2e8f0}.priority-low .priority-pill{background:#e2e8f0}.priority-medium .priority-pill{background:#bae6fd}.priority-high .priority-pill{background:#fecaca}.priority-option input:checked+.priority-pill{border-color:#0f172a;box-shadow:0 6px 14px #0f172a26}.priority-icon{font-size:13px}.priority-icon svg{display:block}.modal__section h4{margin:0 0 6px}.modal__section p{margin:0;color:var(--text)}.modal__tags{display:flex;flex-wrap:wrap;gap:8px}.modal__tags .badge{font-weight:400}.modal__footer{display:flex;justify-content:space-between;align-items:center}.modal__footer-left,.modal__footer-right{display:flex;gap:10px}.btn.icon-only{width:40px;height:40px;padding:0;border-radius:12px;display:grid;place-items:center;font-size:18px}@media(max-width:960px){.sidebar,.sidebar--open,.sidebar-backdrop{display:none}.sidebar__close{display:inline-flex;align-items:center;justify-content:center}.main{padding:24px 24px 96px;margin-left:0}.topbar{flex-direction:column;align-items:flex-start}.topbar__left{width:100%;display:flex;justify-content:space-between;align-items:center}.topbar__menu{display:none}.topbar__left h1{margin-bottom:0}.topbar__left p{margin-top:4px}.topbar__actions{width:100%;justify-content:flex-end}.search-wrap{display:none;width:100%}.search-wrap.show{display:inline-flex}.search{width:100%}.search-toggle{display:inline-flex;align-items:center;justify-content:center}.notes__list,.note-add__row,.task-list--split{grid-template-columns:1fr}.task-list--split .task-list__panel{display:none}.task-list--split .task-details{position:fixed;inset:0;border-radius:0;max-height:none;height:100%;overflow-y:auto;z-index:1400;animation:task-detail-in .2s ease;padding-bottom:140px}.notes--split .notes__panel{display:none}.notes--split .note-details{position:fixed;inset:0;border-radius:0;max-height:none;height:100%;overflow-y:auto;z-index:1400;margin-top:0;padding-bottom:140px}.notes--split .note-details .modal__footer,.task-list--split .task-details .modal__footer{position:fixed;left:0;right:0;bottom:0;padding:12px 20px 22px;background:var(--panel);border-top:1px solid rgba(15,23,42,.08);z-index:1500}@keyframes task-detail-in{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.mobile-footer{display:block!important}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-manage__new,.project-row__head,.project-row__body,.filters-manage__list,.projects-manage__list,.tags-manage__list{grid-template-columns:1fr}}.mobile-footer{display:none;position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid rgba(15,23,42,.08);z-index:1200;box-shadow:0 -12px 24px #0f172a14}.mobile-footer__nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-link{padding:12px 8px;font-size:12px;color:var(--muted);background:transparent;border:none;text-align:center;display:grid;gap:4px;justify-items:center}.mobile-link__icon{font-size:16px;line-height:1}.icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.toast{position:fixed;right:24px;bottom:24px;background:#0f172a;color:#f8fafc;padding:6px 10px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 24px #0f172a33;z-index:3000;font-size:12px}@media(max-width:960px){.toast{inset:16px 16px auto auto}}.toast__close{border:none;background:transparent;color:#f8fafc;cursor:pointer;padding:2px 4px}.mobile-link.active{color:var(--primary);font-weight:600}.mobile-link--more{cursor:pointer}.mobile-footer__panel{background:#f8faf6;border-top:1px solid rgba(15,23,42,.08);padding:12px 16px 16px;display:grid;gap:12px;max-height:50vh;overflow-y:auto;position:absolute;left:0;right:0;bottom:56px;border-radius:16px 16px 0 0;box-shadow:0 -18px 32px #0f172a1f;animation:mobile-panel-in .2s ease}.mobile-footer__panel:before{content:"";position:absolute;top:10px;left:50%;width:44px;height:4px;border-radius:999px;background:#2f6b4559;transform:translate(-50%)}@keyframes mobile-panel-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-footer__section{display:grid;gap:8px}.mobile-footer__title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.mobile-footer__item{padding:6px;border-radius:10px;font-size:14px;color:var(--text);display:flex;align-items:center;gap:10px}.mobile-footer__dot{width:10px;height:10px;border-radius:999px;background:var(--primary);flex:0 0 10px}.modal__body{display:flex;flex-direction:column;gap:16px}.modal__footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.modal__divider{height:1px;background:#2f6b4526;margin-top:12px}.attachment-input{display:none}.attachments-dropzone{border:1px dashed rgba(47,107,69,.35);padding:16px;border-radius:14px;background:#f7fbf7;cursor:pointer}.attachments-copy{color:var(--muted);font-size:13px}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.attachment-card{display:flex;flex-direction:column;gap:6px}.attachment-thumb{border:none;padding:0;background:transparent;cursor:pointer}.attachment-remove{border:none;background:transparent;color:#b91c1c;font-size:12px;cursor:pointer}.attachment-thumb img{width:100%;height:120px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow)}.image-preview{position:fixed;inset:0;background:#0f172a99;display:grid;place-items:center;z-index:60;padding:24px}.image-preview__inner{max-width:80vw;max-height:80vh;background:#fff;padding:12px;border-radius:16px}.image-preview__inner img{width:100%;height:auto;max-height:75vh;object-fit:contain}.toast{position:fixed;right:24px;bottom:24px;background:#2f6b45e6;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;z-index:70}.modal__footer-left{display:flex;gap:10px}.btn.danger{border-color:#fecaca;color:#b91c1c}.btn.danger{color:#b91c1c;border-color:#fecaca;background:#dc262614}.btn.danger:hover{color:#991b1b;border-color:#fca5a5;background:#dc262629}.note-add__footer{display:flex;justify-content:space-between;align-items:center}