:root{color-scheme:dark;font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #090d14;--surface: #101722;--surface-raised: #151e2b;--surface-soft: #0d131d;--line: #243043;--line-soft: #1b2636;--text: #f1f5fb;--text-muted: #92a0b5;--text-soft: #69778c;--blue: #579dff;--blue-strong: #3387f4;--blue-soft: rgba(62, 142, 255, .14);--green: #5fd0a0;--green-soft: rgba(69, 201, 147, .13);--violet: #ad8cff;--violet-soft: rgba(154, 116, 255, .14);--amber: #f5b95f;--amber-soft: rgba(245, 185, 95, .13);--red: #ff7d85;--red-soft: rgba(255, 104, 118, .12);--radius: 14px;--radius-small: 9px;--shadow: 0 18px 50px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 73% -10%,rgba(54,113,205,.11),transparent 28rem),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh}.auth-page{display:grid;min-height:100dvh;place-items:center;padding:max(28px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.auth-card{width:min(100%,470px);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#101722f7;box-shadow:var(--shadow)}.auth-card__header{display:flex;align-items:flex-start;gap:15px;padding:25px;border-bottom:1px solid var(--line-soft)}.auth-card__header>div:last-child{display:grid;min-width:0;gap:7px}.auth-card__header h1{font-size:20px;line-height:1.3}.auth-card__header p:last-child{color:var(--text-muted);font-size:11px;line-height:1.65}.auth-card__mark{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid rgba(104,167,255,.42);border-radius:13px;background:linear-gradient(145deg,#367edb,#214e92);box-shadow:0 8px 22px #2567c14d;font-weight:750}.auth-form{display:grid;gap:17px;padding:24px 25px}.auth-form .mutation-message{margin:0}.auth-form__submit{width:100%;margin-top:3px}.auth-field-error{color:var(--red);font-size:10px;line-height:1.5}.auth-card__state{display:flex;align-items:flex-start;gap:11px;margin:22px 25px;padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-soft);color:var(--text-muted);font-size:11px;line-height:1.6}.auth-card__state>svg,.auth-card__state>.loader{flex:0 0 auto}.auth-card__state>div{display:grid;min-width:0;flex:1;gap:4px}.auth-card__state .button{flex:0 0 auto;margin-left:auto}.auth-card__state--error{border-color:#ff7d853d;background:var(--red-soft);color:#ffabb0}.auth-card__state--warning{border-color:#f5b95f40;background:var(--amber-soft);color:#ffd797}.auth-security-note{display:flex;align-items:flex-start;gap:10px;padding:16px 25px;border-top:1px solid var(--line-soft);background:#5fd0a00d;color:var(--green)}.auth-security-note svg{flex:0 0 auto}.auth-security-note p{color:#79ac96;font-size:10px;line-height:1.65}.auth-status{display:grid;min-height:100dvh;place-content:center;justify-items:center;gap:12px;padding:30px;color:var(--text-muted);text-align:center}.auth-status svg{color:var(--green)}.auth-status h1{color:var(--text);font-size:22px}.auth-status p{max-width:430px;font-size:12px;line-height:1.65}.auth-status--error svg{color:var(--red)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:250px;flex-direction:column;border-right:1px solid var(--line-soft);background:#0c111af7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .18s ease,transform .18s ease}.brand{display:flex;min-height:74px;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid var(--line-soft);overflow:hidden}.brand__mark{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid rgba(104,167,255,.42);border-radius:11px;background:linear-gradient(145deg,#367edb,#214e92);box-shadow:0 8px 22px #2567c14d;font-weight:750;letter-spacing:-.04em}.brand__text{display:flex;min-width:0;flex-direction:column;line-height:1.25;white-space:nowrap}.brand__text strong{font-size:15px;letter-spacing:.01em}.brand__text span{margin-top:3px;color:var(--text-soft);font-size:11px}.navigation{display:flex;flex:1;flex-direction:column;gap:5px;padding:20px 12px;overflow-y:auto}.navigation__label{padding:0 10px 9px;color:var(--text-soft);font-size:11px;font-weight:650;letter-spacing:.14em;white-space:nowrap}.navigation__item{display:flex;min-height:43px;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:10px;color:var(--text-muted);font-size:13px;font-weight:560;white-space:nowrap;transition:.14s ease}.navigation__item:hover{background:var(--surface-raised);color:var(--text)}.navigation__item--active{border-color:#4f94f433;background:var(--blue-soft);color:#cfe3ff}.navigation__item svg{flex:0 0 auto}.sidebar__footer{display:grid;gap:6px;padding:12px;border-top:1px solid var(--line-soft)}.local-status,.sidebar__collapse,.sidebar__logout{display:flex;min-height:38px;align-items:center;gap:10px;padding:0 11px;color:var(--text-soft);font-size:11px;white-space:nowrap}.local-status__dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.local-status--tailnet{color:var(--green)}.local-status--tailnet .local-status__dot{background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.sidebar__collapse{border:0;border-radius:8px;background:transparent;cursor:pointer}.sidebar__collapse:hover{background:var(--surface-raised);color:var(--text-muted)}.sidebar__logout{width:100%;border:0;border-radius:8px;background:transparent;cursor:pointer}.sidebar__logout:hover:not(:disabled){background:var(--red-soft);color:#ffabb0}.sidebar__logout:disabled{cursor:wait;opacity:.65}.sidebar__auth-error{padding:4px 11px;color:#ffabb0;font-size:9px;line-height:1.45}.sidebar__mobile-close{display:none!important;margin-left:auto}.app__main{min-height:100vh;margin-left:250px;transition:margin-left .18s ease}.app--sidebar-collapsed .sidebar{width:78px}.app--sidebar-collapsed .app__main{margin-left:78px}.sidebar--collapsed .brand{justify-content:center;padding-inline:12px}.sidebar--collapsed .brand__text,.sidebar--collapsed .navigation__label,.sidebar--collapsed .navigation__item span,.sidebar--collapsed .local-status span,.sidebar--collapsed .sidebar__logout span,.sidebar--collapsed .sidebar__collapse span{display:none}.sidebar--collapsed .navigation__item,.sidebar--collapsed .local-status,.sidebar--collapsed .sidebar__logout,.sidebar--collapsed .sidebar__collapse{justify-content:center;padding-inline:0}.topbar{position:sticky;top:0;z-index:20;display:flex;height:74px;align-items:center;gap:18px;padding:0 clamp(20px,3vw,48px);border-bottom:1px solid var(--line-soft);background:#090d14e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__menu{display:none!important}.global-search{display:flex;width:min(560px,52vw);height:40px;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--text-soft);transition:border-color .14s ease,box-shadow .14s ease}.global-search:focus-within{border-color:#3f78bf;box-shadow:0 0 0 3px #3f78bf1f}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.global-search input::placeholder{color:#65738a}.global-search kbd{padding:2px 6px;border:1px solid var(--line);border-radius:5px;color:var(--text-soft);font:10px/1.4 inherit}.topbar__identity{display:flex;margin-left:auto;flex-direction:column;align-items:flex-end;line-height:1.3;white-space:nowrap}.topbar__identity span{color:var(--text-soft);font-size:10px}.topbar__identity strong{font-size:12px;font-weight:600}.session-warning{padding:9px clamp(20px,3vw,48px);border-bottom:1px solid rgba(245,185,95,.25);background:var(--amber-soft);color:#ffd797;font-size:12px}.content{width:100%;max-width:1720px;margin:0 auto;padding:clamp(26px,3vw,48px)}.page-stack{display:grid;gap:24px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:26px}.page-header h1{margin-top:4px;font-size:clamp(25px,2.4vw,34px);font-weight:720;letter-spacing:-.035em}.page-header>div:first-child>p:last-child{max-width:680px;margin-top:9px;color:var(--text-muted);font-size:13px;line-height:1.7}.eyebrow{color:var(--blue);font-size:10px;font-weight:720;letter-spacing:.18em;text-transform:uppercase}.page-header__actions{display:flex;align-items:center;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:#dae3ef;cursor:pointer;font-weight:620;white-space:nowrap;transition:transform .1s ease,border-color .14s ease,background .14s ease}.button:hover:not(:disabled){border-color:#3a4960;background:#1a2535}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button--medium{min-height:39px;padding:0 14px;font-size:12px}.button--small{min-height:32px;padding:0 10px;border-radius:8px;font-size:11px}.button--primary{border-color:#4c92ec;background:linear-gradient(180deg,#438fe9,#337bcf);color:#fff;box-shadow:0 7px 19px #2469c333}.button--primary:hover:not(:disabled){border-color:#6aabfa;background:linear-gradient(180deg,#519cf4,#3d83d5)}.button--ghost{border-color:transparent;background:transparent;color:var(--text-muted);box-shadow:none}.button--ghost:hover:not(:disabled){border-color:var(--line-soft);background:var(--surface-raised);color:var(--text)}.button--danger{border-color:#ff707c66;background:#b73f4c;color:#fff}.button__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.38);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.icon-button{display:inline-grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-muted);cursor:pointer}.icon-button:hover{border-color:var(--line);background:var(--surface-raised);color:var(--text)}.panel{min-width:0;border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(160deg,#141d2af7,#0e1520f7);box-shadow:0 1px #ffffff04}.panel__header{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line-soft)}.panel__header h2{font-size:14px;font-weight:680}.panel__header p{margin-top:4px;color:var(--text-soft);font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{display:flex;min-height:122px;align-items:center;gap:16px;padding:20px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);overflow:hidden;position:relative}.stat-card:after{content:"";position:absolute;width:100px;height:100px;top:-48px;right:-40px;border-radius:50%;background:currentColor;opacity:.05}.stat-card__icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:currentColor}.stat-card__icon svg{color:var(--bg)}.stat-card div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px}.stat-card p{grid-column:1 / -1;margin-bottom:5px;color:var(--text-muted);font-size:11px}.stat-card strong{color:var(--text);font-size:27px;line-height:1;letter-spacing:-.04em}.stat-card div span{color:var(--text-soft);font-size:10px}.stat-card--blue{color:var(--blue)}.stat-card--green{color:var(--green)}.stat-card--violet{color:var(--violet)}.stat-card--amber{color:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);gap:16px;align-items:start}.dashboard-grid__wide{min-width:0}.compact-list,.activity-list,.goal-summary-list{padding:7px 10px}.compact-item{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 10px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:inherit;text-align:left;cursor:pointer}.compact-item:last-child{border-bottom:0}.compact-item:hover{border-radius:8px;background:#ffffff06}.compact-item__check{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--blue-soft);color:var(--blue)}.compact-item__body{display:grid;min-width:0;gap:4px}.compact-item__body strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.compact-item__body small{overflow:hidden;color:var(--text-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.date-label{color:var(--text-muted);font-size:10px;white-space:nowrap}.date-label--danger,.meta-danger{color:var(--red)!important}.goal-summary{display:grid;width:100%;gap:8px;padding:12px 10px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:inherit;text-align:left;cursor:pointer}.goal-summary:last-child{border-bottom:0}.goal-summary:hover{border-radius:8px;background:#ffffff06}.goal-summary>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.goal-summary>div:first-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-summary>div:first-child span{color:var(--blue)}.goal-summary small{color:var(--text-soft);font-size:9px}.progress{height:6px;border-radius:99px;background:#222d3e;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4a91ec,#7db7ff);transition:width .25s ease}.activity-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 10px;border-bottom:1px solid var(--line-soft)}.activity-item:last-child{border-bottom:0}.activity-item__dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.activity-item div{display:grid;min-width:0;gap:3px}.activity-item strong{overflow:hidden;font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.activity-item small{color:var(--text-soft);font-size:9px}.badge{display:inline-flex;width:fit-content;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--line);border-radius:99px;background:#ffffff09;color:var(--text-muted);font-size:9px;font-weight:650;white-space:nowrap}.badge--blue{border-color:#579dff38;background:var(--blue-soft);color:#88baff}.badge--green{border-color:#5fd0a038;background:var(--green-soft);color:var(--green)}.badge--violet{border-color:#ad8cff38;background:var(--violet-soft);color:var(--violet)}.badge--amber{border-color:#f5b95f38;background:var(--amber-soft);color:var(--amber)}.badge--red{border-color:#ff7d8538;background:var(--red-soft);color:var(--red)}.query-state{display:flex;min-height:190px;align-items:center;justify-content:center;gap:12px;padding:30px;color:var(--text-muted);text-align:left}.query-state--empty{flex-direction:column;text-align:center}.query-state--empty svg{color:#52637b}.query-state strong{color:var(--text);font-size:13px}.query-state p{max-width:420px;color:var(--text-soft);font-size:11px;line-height:1.6}.query-state--error{color:var(--red)}.query-state--error>div{display:grid;gap:4px}.loader{width:23px;height:23px;border:2px solid #2a3749;border-top-color:var(--blue);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list-panel{overflow:hidden}.list-toolbar{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;padding:11px 16px;border-bottom:1px solid var(--line-soft)}.list-toolbar__hint{color:var(--text-soft);font-size:10px;white-space:nowrap}.tabs{display:flex;flex-wrap:wrap;gap:5px}.tabs__item{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px}.tabs__item:hover{background:var(--surface-raised);color:var(--text)}.tabs__item--active{border-color:#579dff38;background:var(--blue-soft);color:#a9ceff}.tabs__item span{display:inline-grid;min-width:17px;height:17px;place-items:center;border-radius:99px;background:#ffffff12;font-size:9px}.mutation-message{display:flex;min-height:37px;align-items:center;gap:8px;margin:10px 16px 0;padding:9px 11px;border:1px solid;border-radius:8px;font-size:11px}.mutation-message--error{border-color:#ff7d8540;background:var(--red-soft);color:#ffabb0}.mutation-message--success{border-color:#5fd0a03b;background:var(--green-soft);color:#8be0bb}.card-list{display:grid}.item-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:112px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.item-card:last-child{border-bottom:0}.item-card:hover{background:#ffffff03}.item-card--completed h3{color:var(--text-muted);text-decoration:line-through;text-decoration-color:#556174}.task-check{display:grid;width:24px;height:24px;place-items:center;align-self:start;margin-top:2px;border:1px solid #3d4b60;border-radius:7px;background:transparent;color:#fff;cursor:pointer}.task-check:hover:not(:disabled){border-color:var(--blue);background:var(--blue-soft)}.task-check--checked{border-color:#419a76;background:#3b956f}.task-check:disabled{opacity:.45;cursor:not-allowed}.item-card__body{display:grid;min-width:0;gap:8px}.item-card__title-row{display:flex;align-items:center;gap:9px}.item-card h3{overflow-wrap:anywhere;font-size:13px;font-weight:650}.item-card__body>p{display:-webkit-box;overflow:hidden;color:var(--text-muted);font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-card__meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-soft);font-size:9px}.item-card__meta span{display:inline-flex;align-items:center;gap:5px}.item-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;flex-wrap:wrap}.pagination{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:14px;padding:10px 17px;border-top:1px solid var(--line-soft)}.pagination__summary{padding:12px 17px;color:var(--text-soft);font-size:10px}.pagination>.pagination__summary{padding:0}.pagination__buttons{display:flex;gap:7px}.goal-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.goal-card{display:grid;min-width:0;gap:14px;padding:17px;border:1px solid var(--line-soft);border-radius:12px;background:#0b111a6b}.goal-card:hover{border-color:#2b3a4e;background:#121b27b3}.goal-card__top{display:flex;align-items:center;justify-content:space-between}.goal-card__icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--violet-soft);color:var(--violet)}.goal-card__content{display:grid;min-height:57px;gap:6px}.goal-card__content h3{overflow-wrap:anywhere;font-size:13px}.goal-card__content p{display:-webkit-box;overflow:hidden;color:var(--text-muted);font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.goal-card__progress{display:grid;gap:7px}.goal-card__progress>div:first-child{display:flex;justify-content:space-between;color:var(--text-soft);font-size:10px}.goal-card__progress strong{color:var(--blue);font-size:11px}.goal-card__date{display:flex;align-items:center;gap:6px;color:var(--text-soft);font-size:9px}.goal-card__actions{display:flex;min-height:34px;align-items:center;gap:3px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px;background:#02050ab8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .13s ease-out}.modal{width:min(100%,600px);max-height:min(90vh,850px);overflow-y:auto;border:1px solid #314057;border-radius:15px;background:#111925;box-shadow:var(--shadow);animation:modal-in .15s ease-out}.modal--small{width:min(100%,450px)}.modal--large{width:min(100%,680px)}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 20px;border-bottom:1px solid var(--line-soft)}.modal__header h2{font-size:16px}.modal__header p{margin-top:6px;color:var(--text-muted);font-size:10px;line-height:1.55}.modal__body{padding:20px}.modal__actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.confirm-message{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.confirm-message__icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:10px;background:var(--red-soft);color:var(--red)}.confirm-message p{color:var(--text-muted);font-size:11px;line-height:1.7}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}.form{display:grid;gap:17px}.form__grid,.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:grid;min-width:0;gap:7px}.field--full{grid-column:1 / -1}.field label,.field__label-row{color:#cdd7e5;font-size:11px;font-weight:600}.field label span{color:var(--red)}.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;outline:0;background:#0c121b;color:var(--text);font-size:12px;transition:border-color .14s ease,box-shadow .14s ease}.field input,.field select{height:39px;padding:0 11px}.field textarea{resize:vertical;min-height:92px;padding:10px 11px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:#447fca;box-shadow:0 0 0 3px #447fca1c}.field input[aria-invalid=true]{border-color:var(--red)}.field small{color:var(--text-soft);font-size:9px;line-height:1.5}.field__meta{display:flex;min-height:13px;justify-content:space-between;gap:8px;color:var(--red);font-size:9px}.field__meta small{margin-left:auto}.field__label-row{display:flex;justify-content:space-between}.field__label-row strong{color:var(--blue)}.range-input{height:24px!important;padding:0!important;border:0!important;background:transparent!important;accent-color:var(--blue);box-shadow:none!important}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-panel{padding-bottom:18px}.settings-panel--full,.settings-actions{grid-column:1 / -1}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line-soft);margin-bottom:17px}.settings-panel__header h2{font-size:14px}.settings-panel__header p{margin-top:5px;color:var(--text-soft);font-size:10px}.settings-panel__accent{color:var(--green)}.settings-fields,.settings-panel>.field,.switch-row{margin-inline:20px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line-soft);cursor:pointer}.switch-row>span{display:grid;gap:5px}.switch-row strong{font-size:11px}.switch-row small{color:var(--text-soft);font-size:9px}.switch-row input{position:relative;width:38px;height:21px;flex:0 0 38px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #36445a;border-radius:99px;background:#222d3e;cursor:pointer;transition:.15s ease}.switch-row input:after{content:"";position:absolute;width:15px;height:15px;top:2px;left:2px;border-radius:50%;background:#8591a2;transition:.15s ease}.switch-row input:checked{border-color:#448ee9;background:#347bcf}.switch-row input:checked:after{transform:translate(17px);background:#fff}.boundary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px}.boundary-card{display:flex;min-width:0;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-soft);color:var(--green)}.boundary-card div{display:grid;min-width:0;gap:5px}.boundary-card span{color:var(--text-soft);font-size:9px}.boundary-card code,.boundary-card strong{overflow:hidden;color:var(--text-muted);font:10px/1.5 Cascadia Code,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.boundary-card strong{font-family:inherit}.settings-actions{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px}.settings-actions .mutation-message{margin:0}.settings-actions>div:last-child{display:flex;gap:9px;margin-left:auto}.mobile-access-panel{overflow:hidden}.mobile-access-panel__header{margin-bottom:0}.mobile-access-panel__header .eyebrow{margin-bottom:7px}.mobile-access-panel__headline{display:flex;flex:0 0 auto;align-items:center;gap:10px;color:var(--blue)}.mobile-access-panel__body{display:grid;gap:18px;padding:20px}.mobile-access-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mobile-access-status__item{display:grid;min-width:0;gap:7px;padding:13px 14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-soft)}.mobile-access-status__item>span{color:var(--text-soft);font-size:9px}.status-value{overflow-wrap:anywhere;color:var(--text-muted);font-size:11px;line-height:1.5}.status-value--ok{color:var(--green)}.mobile-access-security{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid rgba(95,208,160,.2);border-radius:11px;background:var(--green-soft);color:var(--green)}.mobile-access-security svg{flex:0 0 auto}.mobile-access-security div{display:grid;min-width:0;gap:5px}.mobile-access-security strong{color:#a2e7c9;font-size:12px;line-height:1.55}.mobile-access-security p{color:#79ac96;font-size:10px;line-height:1.6}.mobile-access-panel__message{padding:0 2px;color:var(--text-muted);font-size:11px;line-height:1.6}.mobile-access-share{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#0c121b}.mobile-access-share__details{display:grid;min-width:0;gap:11px}.mobile-access-share__label{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.04em}.mobile-access-url{display:flex;min-width:0;align-items:center;gap:8px;color:#b9d7ff;font:12px/1.55 Cascadia Code,Consolas,monospace}.mobile-access-url span{min-width:0;overflow-wrap:anywhere}.mobile-access-url svg{flex:0 0 auto}.mobile-access-url:hover{color:#fff}.mobile-access-share__actions{display:flex;align-items:center;gap:12px}.mobile-access-share__hint{color:var(--text-soft);font-size:9px;line-height:1.55}.mobile-access-qr{display:grid;width:224px;min-height:224px;place-items:center;overflow:hidden;border-radius:11px;background:#fff}.mobile-access-qr img{display:block;width:224px;height:224px}.mobile-access-qr__placeholder{display:grid;justify-items:center;gap:9px;color:#536074;font-size:10px}.mobile-access-panel__body>.mutation-message{margin:0}.mobile-access-panel__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.search-panel{overflow:hidden}.search-form{display:flex;gap:10px;padding:20px 20px 12px}.search-form__input{display:flex;min-width:0;height:42px;flex:1;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#0c121b;color:var(--text-soft)}.search-form__input:focus-within{border-color:#447fca;box-shadow:0 0 0 3px #447fca1c}.search-form__input input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-filters{display:flex;gap:6px;padding:0 20px 17px;border-bottom:1px solid var(--line-soft)}.filter-chip{min-height:28px;padding:0 11px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:10px}.filter-chip:hover{background:var(--surface-raised);color:var(--text)}.filter-chip--active{border-color:#579dff4d;background:var(--blue-soft);color:#a6ccff}.search-results{display:grid;padding:8px 12px}.search-results__summary{padding:8px 7px;color:var(--text-soft);font-size:9px}.search-result{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 9px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:inherit;text-align:left;cursor:pointer}.search-result:last-child{border-bottom:0}.search-result:hover{border-radius:9px;background:#ffffff06}.search-result__icon{display:grid;width:35px;height:35px;place-items:center;border-radius:10px}.search-result__icon--task{background:var(--blue-soft);color:var(--blue)}.search-result__icon--goal{background:var(--violet-soft);color:var(--violet)}.search-result__body{display:grid;min-width:0;gap:4px}.search-result__body>span{display:flex;align-items:center;gap:8px}.search-result__body strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.search-result__body small{overflow:hidden;color:var(--text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.search-result__body time{color:var(--text-soft);font-size:8px}.search-result>svg{color:var(--text-soft)}.fatal-error,.not-found{display:grid;min-height:75vh;place-content:center;justify-items:center;gap:12px;padding:30px;color:var(--text-muted);text-align:center}.fatal-error svg,.not-found svg{color:var(--blue)}.fatal-error h1,.not-found h1{color:var(--text);font-size:24px}.fatal-error p,.not-found>p:not(.eyebrow){max-width:420px;font-size:12px;line-height:1.6}.sidebar-scrim{display:none}@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.goal-card-grid,.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-panel--full,.settings-actions{grid-column:auto}.boundary-grid{grid-template-columns:minmax(0,1fr)}.mobile-access-status{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){body{min-height:100dvh}.sidebar{width:min(280px,86vw);height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transform:translate(-101%);box-shadow:var(--shadow);transition:transform .18s ease,visibility 0s linear .18s}.sidebar--collapsed{width:min(280px,86vw)!important}.sidebar--mobile-open{visibility:visible;transform:translate(0);transition-delay:0s}.sidebar--collapsed .brand{justify-content:initial;padding-inline:18px}.sidebar--collapsed .brand__text,.sidebar--collapsed .navigation__label,.sidebar--collapsed .navigation__item span,.sidebar--collapsed .local-status span,.sidebar--collapsed .sidebar__collapse span{display:initial}.sidebar--collapsed .navigation__item,.sidebar--collapsed .local-status,.sidebar--collapsed .sidebar__collapse{justify-content:initial;padding-inline:12px}.sidebar__mobile-close{display:grid!important}.sidebar__collapse{display:none}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;border:0;background:#020509a8}.app__main,.app--sidebar-collapsed .app__main{margin-left:0}.topbar{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.topbar__menu{display:grid!important}.global-search{width:auto;flex:1}.global-search input{font-size:16px}.global-search kbd,.topbar__identity{display:none}.content{padding:22px max(16px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.page-header__actions{width:100%}.page-header__actions .button{flex:1}.item-card{grid-template-columns:auto minmax(0,1fr)}.item-card__actions{grid-column:2;justify-content:flex-start}.list-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.list-toolbar__hint{padding-left:4px}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions>div:last-child{width:100%;margin-left:0}.settings-actions>div:last-child .button{flex:1}.button,.button--small,.button--medium,.icon-button,.task-check,.tabs__item,.filter-chip{min-height:44px}.icon-button{width:44px;height:44px;flex-basis:44px}.task-check{width:44px;height:44px;margin-top:0}.navigation__item,.local-status,.sidebar__logout{min-height:44px}.field input,.field select{height:48px}.field input,.field textarea,.field select,.search-form__input input{font-size:16px}.field textarea{min-height:112px}.search-form__input{min-height:48px;height:auto}.search-result{min-height:64px}.mobile-access-panel__body{padding:16px}.mobile-access-share{grid-template-columns:minmax(0,1fr)}.mobile-access-qr{justify-self:center}.mobile-access-panel__actions .button{flex:1 1 180px}.modal{max-height:calc(100dvh - env(safe-area-inset-top));overscroll-behavior:contain;scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}.modal__body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media(max-width:560px){.auth-page{min-height:100dvh;place-items:start center;padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))}.auth-card{border-radius:15px}.auth-card__header{padding:21px 19px}.auth-card__header h1{font-size:18px}.auth-form{padding:21px 19px}.auth-card__state{flex-wrap:wrap;margin:19px}.auth-card__state .button{width:100%;margin-left:0}.auth-security-note{padding:15px 19px}.stat-grid{grid-template-columns:minmax(0,1fr)}.stat-card{min-height:100px}.form__grid,.settings-fields{grid-template-columns:minmax(0,1fr)}.field--full{grid-column:auto}.goal-card-grid{padding:10px}.goal-card__actions .button{flex:1 1 42%}.tabs{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.tabs__item{justify-content:center}.compact-item{grid-template-columns:auto minmax(0,1fr)}.compact-item .date-label{grid-column:2}.activity-item{grid-template-columns:auto minmax(0,1fr)}.activity-item .badge{grid-column:2}.search-form,.pagination{align-items:stretch;flex-direction:column}.pagination__buttons .button{flex:1}.modal-backdrop{height:100dvh;align-items:end;padding:env(safe-area-inset-top) 0 0}.modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:16px 16px 0 0}.item-card__actions .button{flex:1 1 40%}.boundary-card code{white-space:normal;overflow-wrap:anywhere}.mobile-access-panel__header{align-items:flex-start}.mobile-access-panel__headline{align-items:flex-end;flex-direction:column}.mobile-access-status{grid-template-columns:minmax(0,1fr)}.mobile-access-security,.mobile-access-share{padding:14px}.mobile-access-share__actions{align-items:stretch;flex-direction:column}.mobile-access-share__actions .button{width:100%}.mobile-access-qr,.mobile-access-qr img{width:min(224px,100%);height:auto;min-height:0;aspect-ratio:1}.mobile-access-panel__actions{display:grid;grid-template-columns:minmax(0,1fr)}.mobile-access-panel__actions .button{width:100%}.modal__actions{padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}