:root{color:#004e72;font-synthesis:none;--ink:#004e72;--muted:#7b837c;--line:#dce5ea;--green:#004e72;--paper:#fff;--sage:#e8f3f8;--peach:#fae9df;--lavender:#eee9f6;--sand:#faf0d6;--blue:#e4eff6;background:#e8f3f8;font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}button,select,input,textarea{outline:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #526875}input,textarea{color:var(--ink)}::placeholder{color:#939a94}h1,h2,h3,h4,p{margin:0}svg{stroke-width:1.7px;flex-shrink:0}small{font-size:11px}h1,h2,h3,h4{line-height:1.65}button{background:0 0;border:none}input,textarea{min-width:0}textarea{resize:vertical;line-height:2}button,a,input,textarea{transition:background .16s,border-color .16s,box-shadow .16s,opacity .16s}.sage{background:var(--sage)}.peach{background:var(--peach)}.lavender{background:var(--lavender)}.sand{background:var(--sand)}.blue{background:var(--blue)}.brand{align-items:center;gap:12px;font-size:26px;font-weight:700;display:flex}.brand small{letter-spacing:0;color:#8c948b;font-size:10px;font-weight:400;line-height:2;display:block}.brand-symbol{width:47px;height:47px;color:var(--green);background:#dce5ea;border-radius:15px;place-items:center;display:grid}.button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:12px 17px;font-size:12px;font-weight:600;display:inline-flex}.button.primary{background:var(--green);color:#fff}.button.subtle{background:#e8f3f8;border:1px solid #dce5ea}.button.danger{color:#fff;background:#a94c41}.button.big{border-radius:12px;padding:16px 24px;font-size:14px}.icon-button{color:#899086;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.icon-button:hover{color:#004e72;background:#e7ebe440}.icon-tile{color:#004e72;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:inline-flex}.eyebrow{color:#526875;align-items:center;gap:7px;font-size:11px;line-height:2;display:flex}.eyebrow b{font-weight:500}.tiny-dot{background:#004e72;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.avatar{color:#004e72;background:#dce5ea;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:17px;display:inline-flex}.avatar.small{border-radius:10px;width:30px;height:30px;font-size:13px}.app-shell{min-height:100vh}.sidebar{border-left:1px solid var(--line);z-index:30;background:#e8f3f8;flex-direction:column;width:247px;padding:34px 24px 20px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-label{color:#a3a99e;margin-bottom:15px;padding:0 16px;font-size:10px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{text-align:right;color:#818c80;border-radius:11px;align-items:center;gap:13px;min-height:47px;padding:13px 16px;font-size:12px;display:flex}.nav-item.active{color:#004e72;background:#e8f3f8;font-weight:700}.nav-item i{background:#dce5ea;border-radius:5px;margin-right:auto;padding:1px 6px;font-size:10px;font-style:normal}.sidebar-new{margin:23px 4px 0}.sidebar-bottom{margin-top:auto;padding-top:26px}.sidebar-message{background:#e8f3f8;border:1px solid #dce5ea;border-radius:14px;padding:17px;position:relative;overflow:hidden}.little-star{color:#526875;font-size:25px}.sidebar-message h4{margin-top:5px;font-size:12px}.sidebar-message p{color:#526875;margin:5px 0 11px;font-size:10px;line-height:2.1}.sidebar-message button{color:#004e72;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:0;font-size:10px;display:flex}.account{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:24px;padding-top:19px;display:flex}.account>div{flex:1;min-width:0}.account strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.account small{color:#9fa69a;margin-top:6px;font-size:9px;display:block}.main{min-height:100vh;margin-right:247px}.topbar{border-bottom:1px solid var(--line);background:#e8f3f8;justify-content:space-between;align-items:center;gap:16px;height:85px;padding:0 40px;display:flex}.topbar-right,.topbar-left{align-items:center;gap:14px;display:flex}.breadcrumb{color:#526875;align-items:center;gap:10px;font-size:10px;display:flex}.breadcrumb strong{color:#004e72;font-weight:500}.search{color:#526875;background:#e8f3f8;border:1px solid #dce5ea;border-radius:10px;align-items:center;gap:9px;width:278px;height:39px;padding:0 13px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;font-size:10px}.search input:focus{box-shadow:none}.search .icon-button{width:20px;height:20px}.mobile-toggle{display:none}.content{max-width:1420px;margin:auto;padding:35px 40px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.page-heading .eyebrow{color:#526875;margin-bottom:5px;font-size:11px}.page-heading .eyebrow>span{color:#d2af5b;margin-right:4px;font-size:17px}.page-heading h1{letter-spacing:-1.3px;font-size:29px;line-height:1.9}.page-heading p{color:#526875;font-size:11px;line-height:2.3}.heading-date{color:#526875;align-items:center;gap:9px;font-size:10px;display:flex}.hero{background:#dce5ea;border:1px solid #dce5ea;border-radius:19px;justify-content:space-between;align-items:center;min-height:238px;padding:25px 33px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px solid #dce5ea;border-radius:50%;width:230px;height:230px;position:absolute;top:-120px;left:-90px}.hero-copy{z-index:1;position:relative}.hero .eyebrow{color:#004e72;margin-bottom:7px;font-size:10px}.hero h2{letter-spacing:-1.3px;font-size:30px;line-height:1.65}.hero p{color:#526875;margin-top:6px;font-size:10px;line-height:2.3}.hero .button{border-radius:9px;min-height:35px;margin-top:17px;padding:10px 13px;font-size:10px}.hero-art{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:252px;display:flex;position:relative}.progress-orbit{background:conic-gradient(#004e72 var(--progress),#dce5ea 0);border-radius:50%;width:158px;height:158px;padding:7px;transform:rotate(-9deg)}.progress-orbit>div{background:#e8f3f8;border:5px solid #dce5ea;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex;transform:rotate(9deg)}.progress-orbit strong{font-size:29px;font-weight:600;line-height:1.4}.progress-orbit strong small{margin-right:2px;font-size:17px}.progress-orbit span{color:#526875;font-size:8px}.orbit-label{color:#526875;background:#e8f3f8;border:1px solid #dce5ea;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;display:flex}.hero-star{color:#526875;font-size:42px;position:absolute;top:-4px;left:8px;transform:rotate(10deg)}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 34px;display:grid}.stats>button{border:1px solid var(--line);text-align:right;background:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.stats>button:hover{border-color:#526875;transform:translateY(-1px)}.stats>button>div{flex-direction:column;flex:1;gap:6px;display:flex}.stats strong{font-size:21px;font-weight:600;line-height:1.2}.stats .icon-tile{width:40px;height:40px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.section-heading h2{align-items:center;gap:9px;font-size:17px;line-height:1.5;display:flex}.count{color:#526875;background:#e8f3f8;border-radius:6px;place-items:center;min-width:21px;height:21px;font-size:10px;font-weight:400;display:inline-grid}.section-heading p{color:#526875;margin-top:7px;font-size:10px}.text-button{color:#526875;align-items:center;gap:6px;padding:7px 0;font-size:10px;display:flex}.text-button:hover{color:var(--green)}.list-section,.notes-section{margin-bottom:32px}.list-tabs{scrollbar-width:thin;gap:10px;padding:2px 2px 12px;display:flex;overflow:auto}.list-tab{opacity:.65;border:1px solid #0000;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:11px 13px;font-size:10px;display:flex}.list-tab.selected{opacity:1;border-color:#526875;box-shadow:0 0 0 2px #004e720b}.list-tab:hover{opacity:1}.list-tab small{background:#ffffff60;border-radius:4px;margin-right:6px;padding:2px 4px;font-size:9px}.list-tab>span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.list-panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.list-panel-header{justify-content:space-between;align-items:center;gap:14px;padding:22px 24px 19px;display:flex}.list-title{align-items:center;gap:12px;min-width:0;display:flex}.list-title>div{min-width:0}.list-title h3{overflow-wrap:anywhere;font-size:14px}.list-title small{color:#526875;margin-top:4px;font-size:9px;line-height:1.8;display:block}.list-tools{flex-shrink:0;align-items:center;gap:5px;display:flex}.share-button{min-height:32px;margin-left:5px;padding:8px 10px;font-size:9px}.list-title .icon-tile{width:40px;height:40px}.add-task{margin:0 24px 9px}.add-task-line{color:#526875;background:#e8f3f8;border:1px solid #dce5ea;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.add-task-line input{background:0 0;border:0;width:100%;font-size:11px;box-shadow:none!important}.add-task-line .button{border-radius:7px;min-height:31px;padding:7px 12px;font-size:9px}.due-input{color:#526875;flex-wrap:wrap;align-items:center;gap:9px;padding:13px 0 7px;font-size:10px;display:flex}.due-input input{border:1px solid var(--line);direction:ltr;background:#fff;border-radius:7px;padding:6px;font-size:11px}.due-input small{color:#526875;width:100%;font-size:9px}.tasks{padding:0 24px 12px}.task-row{border-bottom:1px solid #e8f3f8;align-items:center;gap:12px;min-height:61px;padding:10px 0;display:flex}.task-row:last-child{border:0}.task-check{border:1.5px solid #dce5ea;border-radius:5px;flex-shrink:0;place-items:center;width:19px;height:19px;padding:0;display:grid}.task-check:hover{background:#e8f3f8;border-color:#526875}.done .task-check{color:#004e72;background:#dce5ea;border-color:#dce5ea}.task-text{flex:1;min-width:0}.task-text>span{overflow-wrap:anywhere;font-size:11px;line-height:1.8;display:block}.task-meta{flex-wrap:wrap;align-items:center;gap:12px;min-height:0;margin-top:3px;display:flex}.task-meta>span{color:#526875;align-items:center;gap:4px;font-size:9px;display:inline-flex}.task-actions{opacity:0;flex-shrink:0;transition:opacity .16s;display:flex}.task-actions .icon-button{width:25px;height:27px}.task-row:hover .task-actions,.task-row:focus-within .task-actions{opacity:1}.done .task-text>span{color:#526875;text-decoration:line-through}.done .task-meta{opacity:.6}.done-toggle{color:#526875;align-items:center;gap:6px;padding:17px 0 7px;font-size:9px;display:flex}.done-toggle svg:last-child{margin-right:4px}.rotate{transform:rotate(-90deg)}.tasks-empty{color:#526875;flex-direction:column;justify-content:center;align-items:center;min-height:133px;padding:22px;display:flex}.tasks-empty p{color:#526875;margin:10px 0 6px;font-size:12px}.tasks-empty span{color:#526875;font-size:9px;line-height:2}.empty-state{text-align:center;background:#e8f3f8;border:1px dashed #dce5ea;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:25px;display:flex}.empty-state.compact{min-height:185px}.empty-state h3{margin:12px 0 5px;font-size:14px}.empty-state p{color:#526875;max-width:460px;font-size:10px;line-height:2.2}.empty-state .button{min-height:34px;margin-top:17px;padding:9px 14px;font-size:10px}.empty-illustration{color:#526875;border-radius:19px;place-items:center;width:62px;height:62px;display:grid}.note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.note-card{border:1px solid #00000005;border-radius:14px;flex-direction:column;min-height:210px;padding:16px 18px;transition:transform .2s;display:flex}.note-card:hover{transform:translateY(-3px)}.note-card-top{justify-content:space-between;align-items:center;display:flex}.note-card-top>span{color:#526875;align-items:center;gap:6px;font-size:8px;display:flex}.note-card .icon-button{color:#526875;width:25px;height:25px}.note-open{text-align:right;flex-direction:column;flex:1;width:100%;padding:5px 0 10px;display:flex}.note-open h3{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0;font-size:13px;display:-webkit-box;overflow:hidden}.note-open p{color:#526875;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:10px;line-height:2.15;display:-webkit-box;overflow:hidden}.note-card-bottom{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.note-new{color:#526875;background:#e8f3f8;border:1px dashed #dce5ea;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;display:flex}.note-new>span{background:#e8f3f8;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.note-new strong{color:#526875;font-size:11px;font-weight:500}.note-new small{color:#526875;font-size:9px}.note-new:hover{background:#e8f3f8;border-color:#526875}.app-footer{border-top:1px solid var(--line);color:#526875;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:14px 0 23px;font-size:8px;display:flex}.app-footer>span{align-items:center;gap:6px;display:flex}.status-dot{background:#526875;border-radius:50%;width:5px;height:5px}.alert{color:#a06751;overflow-wrap:anywhere;background:#fff0ea;border:1px solid #efd7cc;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:10px 13px;font-size:11px;line-height:2;display:flex}.connection-note{color:#a1855d;margin-bottom:14px;font-size:10px;line-height:2}.toast{color:#fff;z-index:100;background:#004e72;border-radius:12px;align-items:center;gap:9px;padding:13px 19px;font-size:12px;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0a273520}.reminder-banner{color:#86729e;background:#eee9f6;border:1px solid #e5deee;border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:22px;display:flex}.reminder-banner h3{color:#66597a;font-size:14px}.reminder-banner p{color:#9689a5;margin-top:7px;font-size:10px;line-height:2.2}.reminder-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin:12px 0;padding:12px 22px}.reminder-board{color:#526875;align-items:center;gap:5px;padding:3px 0;font-size:9px;display:flex}.reminder-card .task-row{border:0}.modal-scrim{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a273545;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#e8f3f8;border:1px solid #fff;border-radius:20px;width:500px;max-width:100%;max-height:90vh;padding:25px 28px;overflow:auto;box-shadow:0 20px 100px #0a273524}.modal>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px;display:flex}.modal h2{font-size:18px}.field{color:#526875;flex-direction:column;gap:9px;margin:18px 0;font-size:11px;display:flex}.field input,.field textarea{background:#fff;border:1px solid #dce5ea;border-radius:10px;width:100%;padding:13px;font-size:12px}.field input[type=datetime-local]{text-align:left;direction:ltr}.field textarea{min-height:175px}.color-field{color:#526875;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;font-size:11px;display:flex}.color-field>div{gap:10px;display:flex}.color-choice{color:#004e72;border:2px solid #fff;border-radius:50%;outline:1px solid #0000;place-items:center;width:29px;height:29px;display:grid}.modal-bottom{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:9px;margin-top:21px;padding-top:20px;display:flex}.modal-bottom>.danger-text{margin-left:auto}.modal-description{color:#526875;margin:-7px 0 20px;font-size:12px}.share-explainer{color:#526875;background:#e8f3f8;border:1px solid #dce5ea;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.share-explainer p{font-size:10px;line-height:2.3}.member-list{margin:19px 0}.member-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.member-list strong{overflow-wrap:anywhere;flex:1;font-size:11px;font-weight:500}.member-list small{color:#526875;font-size:9px}.invite-box{background:#e8f3f8;border:1px solid #dce5ea;border-radius:12px;padding:17px}.invite-box>p{align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.invite-box>small{color:#526875;font-size:9px;line-height:2.4;display:block}.invite-buttons{align-items:center;gap:9px;margin:15px 0;display:flex}.invite-buttons .button{min-height:35px;padding:9px 11px;font-size:10px}.invite-url{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:5px;margin-top:15px;padding:6px;display:flex}.invite-url input{color:#526875;background:0 0;border:0;width:100%;padding:5px;font-size:10px;box-shadow:none!important}.confirm-text{color:#526875;margin:10px 0 20px;font-size:12px;line-height:2.5}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome{max-width:1240px;margin:auto;padding:35px 55px}.welcome-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.pill{color:#526875;background:#e8f3f8;border:1px solid #dce5ea;border-radius:30px;padding:10px 16px;font-size:10px}.welcome-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;min-height:640px;padding-top:30px;display:grid}.welcome h1{letter-spacing:-2px;margin:13px 0;font-size:48px;line-height:1.85}.welcome h1 em{color:#526875;font-style:normal}.welcome-copy{color:#526875;max-width:430px;margin:8px 0 28px;font-size:13px;line-height:2.6}.login-hint{color:#526875;margin:14px 0 28px;font-size:10px}.welcome-features{color:#526875;gap:20px;font-size:9px;display:flex}.welcome-features>span{align-items:center;gap:6px;display:flex}.welcome-art{width:100%;max-width:440px;height:435px;margin:auto;position:relative}.welcome-art:before{content:"";filter:blur(1px);background:#e8f3f8;border-radius:50%;position:absolute;inset:0 0 0 -20px}.art-note{background:#f7eac7;border:1px solid #eedfb8;border-radius:19px;width:246px;height:228px;padding:25px;position:absolute;top:0;right:0;transform:rotate(7deg);box-shadow:0 12px 25px #876b2010}.art-note h3{color:#004e72;margin-top:12px;font-size:20px;line-height:1.9}.art-note .eyebrow{color:#aea17c;font-size:9px}.art-note small{color:#b2a984;margin-top:22px;font-size:9px;display:block}.scribble{color:#c9b778;font-size:39px;position:absolute;bottom:20px;left:20px}.art-list{background:#fff;border:1px solid #dce5ea;border-radius:20px;width:310px;padding:23px;position:absolute;bottom:30px;left:0;transform:rotate(-5deg);box-shadow:0 18px 50px #0a273510}.art-list-heading{align-items:center;gap:11px;margin-bottom:20px;display:flex}.art-list h3{font-size:15px;font-weight:600}.art-list small{color:#526875;font-size:9px}.art-list>p{color:#526875;border-bottom:1px solid #e8f3f8;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:flex}.example-check{color:#526875;background:#dce5ea;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.example-check.empty{background:#fff;border:1.5px solid #dce5ea}.art-progress{background:#e8f3f8;border-radius:10px;height:5px;margin:22px 0 10px;overflow:hidden}.art-progress i{background:#526875;border-radius:10px;width:66%;height:100%;display:block}.art-sticker{color:#9686aa;background:#eee7f8;border:1px solid #e1d8ed;border-radius:25px;align-items:center;gap:7px;padding:14px 19px;font-size:10px;display:flex;position:absolute;bottom:0;right:8px;transform:rotate(6deg);box-shadow:0 8px 15px #0a273507}.welcome-footer{border-top:1px solid var(--line);color:#526875;align-items:center;gap:15px;padding:20px 0;font-size:10px;display:flex}.welcome-footer span{color:#526875;font-size:9px}.auth-page,.invitation-page{background:radial-gradient(at 15% 30%,#e8f3f8 0,#0000 45%),#e8f3f8;flex-direction:column;align-items:center;min-height:100vh;padding:40px 22px;display:flex}.auth-page>.brand,.invitation-page>.brand{align-self:center;margin-bottom:36px}.auth-card,.invitation-card{background:#e8f3f8;border:1px solid #dce5ea;border-radius:23px;width:420px;max-width:100%;padding:29px 33px;box-shadow:0 14px 50px #57664208}.auth-card h1,.invitation-card h1{margin-bottom:6px;font-size:23px}.auth-card>p{color:#526875;margin-bottom:25px;font-size:11px;line-height:2.3}.auth-card .button{width:100%;margin-top:11px}.auth-switch{text-align:center;color:#526875;margin-top:21px;font-size:10px;line-height:2;display:block}.auth-switch a{color:#004e72;margin-right:5px}.auth-hint{color:#526875;margin-top:8px;font-size:9px;line-height:2.1}.password-control{background:#fff;border:1px solid #dce5ea;border-radius:10px;align-items:center;gap:5px;display:flex;overflow:hidden}.password-control input{border:0;box-shadow:none!important}.password-control button{flex-shrink:0;margin-left:8px}.auth-footer,.invitation-footer{color:#526875;text-align:center;margin-top:25px;font-size:10px;line-height:2}.invitation-card{text-align:center;width:470px;padding:33px}.invitation-card>.empty-illustration{margin:0 auto 20px}.invitation-card>.eyebrow{justify-content:center}.invitation-card h1{overflow-wrap:anywhere;margin:9px 0 15px}.invitation-card>p{color:#526875;margin-bottom:10px;font-size:12px;line-height:2.4}.invitation-description{color:#526875!important;margin:15px 0 25px!important;font-size:10px!important}.invitation-card .button{margin-top:15px}.invitation-back{color:#526875;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:10px;display:flex}.settings-link{color:#526875;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.session-loading{color:#526875;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:13px;display:flex}@media (width>=1450px){.content{padding-left:60px;padding-right:60px}.hero{min-height:260px}.hero h2{font-size:34px}.hero-art{width:330px}.note-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar{width:270px;padding-left:30px;padding-right:30px}.main{margin-right:270px}}@media (width<=1150px){.sidebar{width:220px;padding:30px 18px 20px}.main{margin-right:220px}.topbar{padding:0 27px}.content{padding:30px 27px 0}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{width:240px}.hero-art{width:220px}.hero h2{font-size:28px}.stats{gap:11px}.stats>button{gap:10px;padding:14px 13px}.stats>button>svg{display:none}.welcome{padding:30px 35px}.welcome h1{font-size:40px}.welcome-grid{gap:25px}.welcome-features{gap:14px}}@media (width<=900px){.sidebar{width:202px;padding:29px 14px 18px}.main{margin-right:202px}.sidebar .brand{gap:10px;font-size:23px}.sidebar .brand-symbol{width:41px;height:41px}.topbar{height:72px;padding:0 22px}.content{padding:28px 22px 0}.search{width:210px}.heading-date{font-size:9px}.page-heading h1{font-size:26px}.hero{min-height:235px;padding:23px}.hero-copy p{max-width:240px}.hero-art{width:150px}.progress-orbit{width:127px;height:127px;padding:5px}.progress-orbit strong{font-size:23px}.progress-orbit svg{width:24px}.hero-star{font-size:33px;left:-9px}.orbit-label{padding:5px;font-size:7px}.stats>button{gap:8px;padding:13px 10px}.stats .icon-tile{border-radius:10px;width:32px;height:34px}.stats strong{font-size:18px}.stats div>span{font-size:8px}.list-panel-header{align-items:flex-start;padding:18px}.list-tools{flex-wrap:wrap;justify-content:flex-end;gap:2px}.share-button{gap:0;padding:8px;font-size:0}.share-button svg{width:16px}.list-title .icon-tile{border-radius:10px;width:33px;height:35px}.list-title{gap:9px}.list-title h3{font-size:12px}.list-title small{font-size:8px}.add-task{margin:0 18px 8px}.tasks{padding:0 18px 12px}.task-actions{opacity:1}.task-actions .icon-button{width:23px}.note-grid{gap:12px}.welcome-grid{grid-template-columns:1.1fr .9fr;min-height:600px}.welcome h1{font-size:35px}.welcome-copy{font-size:11px}.welcome-art{height:380px}.art-list{width:255px;padding:19px}.art-note{width:210px;height:207px}.art-note h3{font-size:17px}.welcome-features{flex-wrap:wrap;gap:12px;font-size:8px}.welcome .button.big{font-size:12px}}@media (width<=700px){.sidebar{width:255px;padding:28px 24px 20px;transition:transform .22s;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a273545;position:fixed;inset:0}.main{margin-right:0}.mobile-toggle{display:flex}.topbar{gap:9px;height:70px;padding:0 20px}.breadcrumb{font-size:9px}.topbar-right{gap:8px}.breadcrumb>svg,.breadcrumb>strong{display:none}.topbar-left{flex:1;justify-content:flex-end;gap:8px}.search{width:230px;max-width:100%;height:36px}.refresh{width:28px}.content{padding:25px 20px 0}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:27px}.page-heading p{font-size:10px}.heading-date{white-space:nowrap;gap:5px;margin-top:33px;font-size:8px}.heading-date svg{width:15px}.hero{min-height:232px;padding:24px}.hero-art{width:167px}.progress-orbit{width:130px;height:130px}.stats{margin-bottom:29px}.stats>button{gap:9px;padding:14px 13px}.stats>button>div{gap:4px}.stats .icon-tile{width:36px;height:38px}.stats strong{font-size:20px}.stats div>span{font-size:8px}.section-heading h2{font-size:16px}.list-panel-header{align-items:center}.list-tools{flex-wrap:nowrap}.share-button{gap:6px;padding:8px 9px;font-size:9px}.list-title .icon-tile{width:37px;height:39px}.list-title h3{font-size:13px}.note-grid{gap:13px}.task-text>span{font-size:11px}.task-row{min-height:61px}.task-actions{opacity:1}.welcome{padding:25px}.welcome-header .pill{padding:8px 10px;font-size:8px}.welcome-header .brand{font-size:23px}.welcome-grid{flex-direction:column;gap:48px;min-height:0;padding-top:50px;display:flex}.welcome-grid>section:first-child{text-align:center;width:100%}.welcome-grid>section:first-child .eyebrow,.welcome-features{justify-content:center}.welcome h1{margin:12px 0;font-size:40px;line-height:1.9}.welcome-copy{max-width:385px;margin:8px auto 25px;font-size:12px}.welcome .button.big{font-size:13px}.welcome-art{max-width:380px;height:380px;margin:5px auto 50px}.art-list{width:285px}.art-note{width:240px;height:215px}.art-note h3{font-size:19px}.welcome-footer{justify-content:center}.auth-page,.invitation-page{padding-top:30px}.auth-card{padding:25px}.modal{padding:22px}.modal-scrim{padding:17px}.app-footer{font-size:7px}.reminder-banner{align-items:flex-start;padding:18px}.reminder-banner h3{font-size:13px}}@media (width<=450px){.content{padding:23px 15px 0}.topbar{padding:0 13px}.topbar-right{gap:4px}.search{width:200px;max-width:100%;padding:0 9px}.search input{font-size:9px}.topbar-left{gap:4px;min-width:0}.topbar-right .breadcrumb{display:none}.topbar .mobile-toggle{width:31px}.page-heading h1{font-size:26px}.page-heading .eyebrow{font-size:10px}.page-heading p{max-width:210px;font-size:9px}.heading-date{font-size:8px}.hero{min-height:222px;padding:21px 18px}.hero h2{font-size:25px}.hero p{max-width:192px;font-size:9px}.hero .eyebrow{font-size:8px}.hero-art{gap:10px;width:132px}.progress-orbit{width:113px;height:113px}.progress-orbit svg{width:22px;height:22px}.progress-orbit span{font-size:7px}.progress-orbit strong{font-size:21px}.hero-star{font-size:27px;top:-24px;left:0}.orbit-label{font-size:6px}.stats{gap:8px}.stats>button{gap:6px;padding:12px 7px}.stats .icon-tile{border-radius:9px;width:28px;height:31px}.stats .icon-tile svg{width:17px}.stats strong{font-size:18px}.stats div>span{white-space:nowrap;font-size:7px}.section-heading h2{font-size:14px}.section-heading p,.text-button{font-size:9px}.list-panel-header{gap:8px;padding:16px 14px}.list-title h3{font-size:12px}.list-title small{font-size:8px}.list-title .icon-tile{display:none}.list-tools .icon-button{width:24px;height:27px}.share-button{gap:0;padding:8px;font-size:0}.add-task{margin:0 13px 7px}.add-task-line{gap:7px;padding:8px}.add-task-line input{font-size:10px}.add-task-line>.icon-button{width:25px;height:27px}.add-task-line .button{gap:5px;padding:8px 9px;font-size:8px}.add-task-line .button svg{display:none}.tasks{padding:0 14px 10px}.task-row{gap:9px}.task-meta{gap:7px}.task-meta>span{font-size:8px}.task-check{width:18px;height:18px}.note-grid{gap:10px}.note-card{min-height:201px;padding:12px 13px}.note-open h3{font-size:12px}.note-open p{font-size:9px}.note-new{min-height:201px}.app-footer>span:first-child{max-width:195px;font-size:6px}.app-footer>span:last-child{font-size:6px}.welcome{padding:23px 20px}.welcome-header .pill{padding:7px 8px;font-size:7px}.welcome-header .brand{gap:8px;font-size:21px}.welcome-header .brand-symbol{width:40px;height:40px}.welcome .brand small{font-size:8px}.welcome h1{font-size:35px}.welcome-copy{font-size:11px}.welcome-art{height:366px}.art-note{width:215px;height:208px;right:9px}.art-list{width:270px;bottom:23px;left:5px}.art-sticker{padding:12px 15px;right:8px}.welcome-features{gap:14px;font-size:8px}.auth-card h1{font-size:21px}.color-field{font-size:10px}.color-field>div{gap:7px}.invite-buttons{gap:6px}.invite-buttons .button{padding:8px 9px;font-size:9px}.modal-bottom .button{font-size:11px}.reminder-card{padding:10px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.nav-item{font-size:13px}.page-heading p,.section-heading p{color:#004e72;font-size:11px}.task-text>span{font-size:13px}.task-meta>span{color:#004e72;font-size:10px}.note-open h3{font-size:14px}.note-open p{color:#004e72;font-size:12px}.note-card-bottom small{color:#004e72;font-size:10px}.list-title small{color:#526875;font-size:10px}.hero p{color:#004e72;font-size:11px}.stats div>span{color:#526875;font-size:10px}.add-task-line input{font-size:12px}.search input{font-size:11px}.note-card-top>span{color:#004e72;font-size:10px}.field,.auth-card>p{color:#004e72;font-size:12px}.auth-hint{color:#526875;font-size:10px}.welcome-copy{color:#004e72}.login-hint{color:#526875}.empty-state p{color:#526875;font-size:11px}@media (width<=450px){.task-text>span{font-size:12px}.task-meta>span{font-size:9px}.note-open h3{font-size:12px}.note-open p{font-size:11px}.stats div>span{font-size:8px}.list-title small{font-size:9px}.hero p,.page-heading p,.search input{font-size:10px}.note-card-bottom small{font-size:9px}}@font-face{font-family:Pinar;src:url(/fonts/Pinar-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Pinar;src:url(/fonts/Pinar-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Yekan;src:url(/fonts/Yekan-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Yekan;src:url(/fonts/Yekan-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{color:#0a2735;--ink:#0a2735;--muted:#526875;--line:#dce5ea;--green:#004e72;--paper:#fff;--sage:#e8f3f8;--peach:#fff0e9;--lavender:#e8f3f8;--sand:#fff3ed;--blue:#e8f3f8;background:#f9f9f9;font-family:Pinar,Yekan,Tahoma,Arial,sans-serif}body{color:var(--ink);background:#f9f9f9}button,input,textarea,select{font-family:inherit}button:focus-visible,a:focus-visible{outline-color:#ff6d41}input:focus,textarea:focus{box-shadow:0 0 0 3px #dceef6;border-color:#004e72!important}.brand-symbol{color:#004e72;background:#e6f3f9}.brand small,.sidebar-label,.breadcrumb,.page-heading p,.section-heading p{color:#526875}.sidebar{background:#fff;border-left-color:#dce5ea}.nav-item{color:#526875}.nav-item:hover,.nav-item.active{color:#004e72;background:#e8f3f8}.button.primary{color:#fff;background:#ff6d41}.button.primary:hover{background:#e6572e;box-shadow:0 3px 12px #ff6d4130}.button.dark{color:#fff;background:#0a2735}.button.subtle{background:#eaf3f7;border-color:#dce5ea}.button.subtle:hover{background:#dceef6}.icon-button.on{color:#004e72;background:#e8f3f8}.icon-button:hover{color:#004e72}.topbar{background:#f9f9f9;border-bottom-color:#dce5ea}.breadcrumb strong,.eyebrow,.text-button{color:#004e72}.search{color:#526875;background:#fff;border-color:#dce5ea}.search input{color:#0a2735}.hero{background:#e8f3f8;border-color:#d1e7f1}.hero:after{border-color:#c6dfe9}.hero .eyebrow,.hero p{color:#355c71}.progress-orbit{background:conic-gradient(#ff6d41 var(--progress),#c5dce8 0)}.progress-orbit>div{background:#f9f9f9;border-color:#e8f3f8}.progress-orbit svg{color:#ff6d41}.progress-orbit span{color:#526875}.orbit-label{color:#004e72;background:#fff;border-color:#d1e7f1}.hero-star{color:#ff6d41}.stats>button,.list-panel,.note-card{border-color:#dce5ea}.stats>button:hover{border-color:#004e72}.stats>button>svg{color:#004e72}.tiny-dot,.status-dot{background:#ff6d41}.count{color:#004e72;background:#e8f3f8}.icon-tile{color:#004e72}.icon-tile.peach{color:#d95632}.icon-tile.lavender{color:#004e72}.sidebar-message{background:#e8f3f8;border-color:#d1e7f1}.sidebar-message p,.sidebar-message button{color:#355c71}.sidebar .account .avatar,.avatar{color:#004e72;background:#e8f3f8}.mobile-bottom-nav{display:none}@media (width<=700px){.sidebar{width:min(310px,88vw)}.mobile-bottom-nav{z-index:39;height:calc(66px + env(safe-area-inset-bottom,0px));padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #dce5ea;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 24px #0a273510}.mobile-nav-item{color:#647783;white-space:nowrap;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:5px 1px;font-size:10px;line-height:1.5;display:flex;position:relative}.mobile-nav-icon{border-radius:11px;place-items:center;min-width:42px;height:29px;display:grid;position:relative}.mobile-nav-item.active{color:#004e72;font-weight:700}.mobile-nav-item.active .mobile-nav-icon{background:#e8f3f8}.mobile-nav-item.active .mobile-nav-icon svg{stroke-width:2.3px}.mobile-nav-badge{color:#fff;background:#ff6d41;border-radius:10px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-5px;left:-8px}.main{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.app-footer{padding-bottom:16px}.sidebar-scrim{z-index:40}.sidebar{z-index:41}.topbar{height:65px}}@media (width<=380px){.mobile-nav-item{font-size:9px}.mobile-nav-icon{min-width:38px}}.page-heading .eyebrow>span,.little-star{color:#ff6d41}.nav-item i{color:#ff6d41;background:#fff0e9}.heading-date,.app-footer,.app-footer>span:first-child,.app-footer>span:last-child{color:#667c88}.note-card-top>span,.note-open p,.note-card-bottom small,.task-meta>span,.field,.auth-card>p,.auth-hint,.empty-state p,.connection-note,.login-hint{color:#526875}.note-card .icon-button{color:#6f8590}.note-card .pinned{color:#004e72;background:#e8f3f8}.alert{color:#9f4a33;background:#fff3ed;border-color:#ffd7c8}.danger-text{color:#c55438}.danger-text:hover{color:#a23f28;background:#fff0e9}.status-dot.offline{background:#ff6d41}.toast{color:#fff;background:#0a2735;box-shadow:0 8px 25px #0a273520}.toast svg{color:#ff6d41}.reminder-banner{color:#355c71;background:#e8f3f8;border-color:#d1e7f1}.reminder-banner h3{color:#0a2735}.reminder-banner p,.reminder-board{color:#526875}.welcome{background:#f9f9f9}.pill{color:#004e72;background:#fff0e9;border:1px solid #ffd8ca}.welcome h1{color:#0a2735}.welcome h1 em{color:#004e72}.welcome-copy,.welcome-features{color:#526875}.welcome-features svg{color:#004e72}.welcome-art:before{background:#eef6f9}.art-note{background:#fff0e9;border-color:#ffd8ca;box-shadow:0 12px 25px #ff6d4110}.art-note h3{color:#0a2735}.art-note .eyebrow,.art-note small,.scribble{color:#cc7a5a}.art-list{background:#fff;border-color:#dce5ea;box-shadow:0 18px 50px #0a273510}.art-list h3{color:#0a2735}.art-list small,.art-list>p{color:#526875}.art-list>p{border-bottom-color:#edf2f5}.example-check{color:#004e72;background:#e8f3f8}.example-check.empty{background:#fff;border-color:#c7d6df}.art-progress{background:#e3edf3}.art-progress i{background:#004e72}.art-sticker{color:#004e72;background:#e8f3f8;border-color:#d1e7f1;box-shadow:0 8px 15px #0a273508}.welcome-footer{color:#526875}.welcome-footer span{color:#8094a0}.auth-page,.invitation-page{background:radial-gradient(at 15% 30%,#eef6f9 0,#0000 45%),#f9f9f9}.auth-card,.invitation-card{background:#fff;border-color:#dce5ea;box-shadow:0 20px 55px #0a27350c}.auth-hint a{color:#004e72}.field input,.field textarea,.field select,.modal,.modal-card,.reminder-card,.list-panel,.note-card,.stats>button,.mobile-bottom-nav{background:#fff}.mobile-nav-item:hover{background:#f5f8fa}.mobile-nav-item.active .mobile-nav-icon{background:#e8f3f8}@media (width<=700px){.welcome-header .pill{background:#fff0e9;border-color:#ffd8ca}.welcome-art:before{inset:12px 6px 0 -6px}}:root{--hn-accent:#ff6d41;--hn-primary:#004e72;--hn-surface:#f9f9f9;--hn-ink:#0a2735;--hn-stroke:#dce5ea;--hn-muted:#526875;--hn-shadow:0 8px 28px #0a27350b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#root{flex-direction:column;min-height:100vh;display:flex}#root>.app-shell,#root>.auth-page,#root>.invitation-page,#root>.welcome,#root>.session-loading{flex:1;min-height:0}.site-credit{text-align:center;width:100%;color:var(--hn-muted);background:var(--hn-surface);border-top:1px solid var(--hn-stroke);direction:rtl;padding:18px 16px 22px;font-size:11px;line-height:1.8}.app-shell+.site-credit{width:auto;margin-right:247px}.sidebar{border-left:1px solid var(--hn-stroke);background:#fff;padding:30px 19px 22px}.sidebar .brand{margin:0 10px 42px}.sidebar .brand-symbol{color:var(--hn-primary);background:#e8f3f8}.sidebar nav{gap:5px}.nav-item{border-radius:12px;gap:12px;min-height:46px;padding:11px 14px;font-size:13px}.nav-item.active{color:var(--hn-primary);background:#e8f3f8}.nav-item.active:before{content:"";background:var(--hn-accent);border-radius:8px;width:3px;height:22px;margin-right:-3px}.sidebar-new{min-height:44px;margin:22px 4px 0}.sidebar-message{background:#eef6f9;border-radius:16px;padding:17px}.topbar{z-index:24;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hn-stroke);background:#f9f9f9f0;position:sticky;top:0}.content{max-width:1360px;padding-top:32px}.page-heading{gap:16px;margin-bottom:22px}.page-heading h1{color:var(--hn-ink);letter-spacing:-.6px;line-height:1.6}.page-heading p{color:var(--hn-muted)}.hero{box-shadow:var(--hn-shadow);background:linear-gradient(125deg,#e8f3f8,#f4f9fb);border-color:#cee1ec;border-radius:22px}.hero h2 span{color:var(--hn-primary)}.stats{gap:16px;margin-top:19px;margin-bottom:32px}.stats>button,.list-panel,.note-card,.reminder-card{border:1px solid var(--hn-stroke);box-shadow:var(--hn-shadow);border-radius:17px}.stats>button{gap:13px;min-height:100px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s}.stats>button:hover,.note-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0a273513}.icon-tile{border-radius:13px;width:44px;height:44px}.icon-tile.sage,.icon-tile.blue,.icon-tile.lavender{color:var(--hn-primary);background:#e8f3f8}.icon-tile.peach,.icon-tile.sand{color:#c74d2c;background:#fff0e9}.note-card.sage,.note-card.blue,.note-card.lavender{background:#f0f7fa}.note-card.peach,.note-card.sand{background:#fff4ef}.note-card{padding:18px}.note-new{color:var(--hn-primary);background:#f1f8fa;border:1px dashed #c5dce8;border-radius:17px}.note-new>span{background:#e8f3f8}.note-new strong,.note-new small{color:var(--hn-primary)}.note-new:hover{border-color:var(--hn-primary);background:#e8f3f8}.empty-state{background:#f5f9fb;border-color:#c8dee9;border-radius:18px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:18px}.list-panel-header{padding:22px}.list-tabs{gap:9px}.button{border-radius:12px}.button.primary:hover{background:#ec5b34}.button.dark{background:var(--hn-ink)}.button.dark:hover{background:var(--hn-primary)}.modal{border-color:var(--hn-stroke);background:#fff;border-radius:20px}.sage,.blue,.lavender{background:#e8f3f8}.peach,.sand{background:#fff0e9}.icon-button:focus-visible,.button:focus-visible,.mobile-nav-item:focus-visible,.mobile-quick-create-button:focus-visible{outline:2px solid var(--hn-accent);outline-offset:2px}.mobile-quick-create{display:none}@media (width>=701px){.content{padding-left:clamp(22px,3vw,52px);padding-right:clamp(22px,3vw,52px)}}@media (width<=700px){.sidebar{z-index:41;width:min(315px,88vw);padding:26px 20px 22px}.app-shell+.site-credit{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));margin-right:0}.mobile-bottom-nav{height:calc(72px + env(safe-area-inset-bottom,0px));padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px));border-top-color:var(--hn-stroke);box-shadow:0 -7px 28px #0a273516}.mobile-nav-item{color:#627885;border-radius:13px;gap:3px;min-height:57px;padding:4px 0;font-size:10px}.mobile-nav-icon{min-width:46px;height:30px}.mobile-nav-item.active{color:var(--hn-primary)}.mobile-nav-item.active .mobile-nav-icon{color:var(--hn-primary);background:#e8f3f8}.mobile-nav-badge{background:var(--hn-accent)}.main{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.topbar{height:64px;padding:0 18px}.topbar .icon-button{width:36px;height:36px}.topbar .search{width:min(225px,55vw)}.content{padding:22px 18px 0}.page-heading{flex-wrap:wrap;align-items:flex-start;row-gap:4px;margin-bottom:19px}.heading-date{margin-top:3px}.page-heading h1{font-size:27px}.hero{border-radius:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:14px 0 26px}.stats>button{min-height:96px}.stats>button:last-child{grid-column:1/-1}.stats .icon-tile{min-width:35px;min-height:36px}.list-panel-header{padding:16px}.note-grid{gap:12px}.note-card{min-height:185px;padding:15px}.mobile-quick-create{left:17px;bottom:calc(87px + env(safe-area-inset-bottom,0px));z-index:38;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.mobile-quick-create-button{background:var(--hn-accent);color:#fff;border:2px solid #fff;border-radius:17px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 9px 25px #ff6d414d}.mobile-quick-create-menu{border:1px solid var(--hn-stroke);background:#fff;border-radius:15px;flex-direction:column;gap:5px;min-width:178px;padding:8px;display:flex;box-shadow:0 12px 34px #0a273529}.mobile-quick-create-menu button{color:var(--hn-ink);text-align:right;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:13px 12px;font-size:12px;display:flex}.mobile-quick-create-menu button:hover,.mobile-quick-create-menu button:focus-visible{color:var(--hn-primary);background:#e8f3f8}.mobile-quick-create-menu button svg{color:var(--hn-primary)}}@media (width<=450px){.topbar{padding:0 12px}.topbar .search{width:min(205px,52vw)}.content{padding:19px 14px 0}.page-heading h1{font-size:25px}.hero{padding:20px 18px}.hero h2{font-size:24px}.stats>button{gap:9px;padding:13px 11px}.stats strong{font-size:20px}.stats .icon-tile{width:38px;height:40px}.section-heading h2{font-size:15px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.note-card{min-height:180px;padding:12px}.site-credit{font-size:10px}}@media (width<=340px){.note-grid{grid-template-columns:1fr}.mobile-nav-icon{min-width:38px}.mobile-nav-item{font-size:9px}.stats>button{gap:6px}}@media (prefers-reduced-motion:reduce){.stats>button,.note-card{transition:none}}.brand-symbol{border-radius:14px;flex-shrink:0;place-items:center;padding:0;display:inline-grid;overflow:hidden;background:0 0!important}.brand-symbol img{object-fit:contain;width:100%;height:100%;display:block}.brand{gap:10px}.landing-page{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:25px clamp(20px,4.3vw,64px) 52px}.landing-header{justify-content:space-between;align-items:center;gap:16px;min-height:66px;display:flex}.landing-header-actions{align-items:center;gap:20px;display:flex}.landing-login{color:var(--hn-primary);font-size:13px;font-weight:600}.landing-login:hover{color:var(--hn-accent)}.landing-head-cta{min-height:42px;font-size:12px}.landing-hero{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(42px,6vw,90px) 0 clamp(42px,6vw,75px);display:grid}.landing-kicker{color:var(--hn-primary);background:#e8f3f8;border:1px solid #dce5ea;border-radius:50px;align-items:center;gap:9px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.landing-copy h1{letter-spacing:-1.25px;color:var(--hn-ink);margin:17px 0;font-size:clamp(34px,4.2vw,60px);font-weight:800;line-height:1.6}.landing-copy h1 em{color:var(--hn-primary);font-style:normal}.landing-copy>p{max-width:500px;color:var(--hn-muted);font-size:14px;line-height:2.65}.landing-actions{flex-wrap:wrap;align-items:center;gap:20px;margin:28px 0;display:flex}.landing-actions .button{min-height:52px}.landing-actions>span{color:#667f8d;font-size:11px}.landing-quick-points{color:var(--hn-muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:11px;display:flex}.landing-quick-points span{align-items:center;gap:6px;display:inline-flex}.landing-quick-points svg{color:var(--hn-accent)}.landing-showcase{background:linear-gradient(146deg,#e8f3f8,#f6fafc);border:1px solid #d7e7ef;border-radius:28px;flex-direction:column;gap:14px;min-width:0;padding:26px;display:flex;position:relative;box-shadow:0 22px 60px #004e7214}.landing-showcase:before{content:"";opacity:.065;pointer-events:none;background:#ff6d41;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-32px;left:-46px}.landing-showcase-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.landing-showcase-brand{color:var(--hn-ink);direction:ltr;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:15px;font-weight:800;display:flex}.landing-showcase-date{color:#718996;font-size:10px}.landing-task-card,.landing-note-card,.landing-people-card{background:#fff;border:1px solid #e3ebef;border-radius:17px;box-shadow:0 12px 35px #0a27350b}.landing-task-card{padding:19px}.landing-card-title{align-items:center;gap:10px;margin-bottom:17px;display:flex}.landing-card-title>div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.landing-card-title strong{color:var(--hn-ink);font-size:14px}.landing-card-title small{color:#7b8f99;font-size:10px}.landing-mini-icon{width:38px;height:38px;color:var(--hn-primary);background:#e8f3f8;border-radius:12px;place-items:center;display:grid}.landing-pill-count{color:var(--hn-primary);background:#e8f3f8;border-radius:20px;padding:5px 9px;font-size:10px}.landing-task{color:#36596b;border-bottom:1px solid #f0f4f6;align-items:center;gap:11px;padding:11px 2px;font-size:12px;display:flex}.landing-task.completed svg{color:var(--hn-primary);background:#e8f3f8;border-radius:6px;width:19px;height:19px;padding:2px}.landing-check-circle{border:1.5px solid #bdd1db;border-radius:6px;width:19px;height:19px;display:inline-block}.landing-progress{background:#e7f0f4;border-radius:99px;height:6px;margin-top:18px;overflow:hidden}.landing-progress span{background:var(--hn-accent);border-radius:inherit;width:66%;height:100%;display:block}.landing-preview-bottom{grid-template-columns:1.15fr .85fr;gap:13px;display:grid}.landing-note-card{background:#fff2eb;min-width:0;padding:20px}.landing-note-title{color:var(--hn-accent);align-items:center;gap:8px;display:flex}.landing-note-title strong{color:var(--hn-ink);font-size:13px}.landing-note-card p{color:#4b6472;margin:14px 0 18px;font-size:11px;line-height:2.2}.landing-note-card>span{color:#8d7371;font-size:9px}.landing-people-card{color:var(--hn-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:16px 10px;display:flex}.landing-people-icons{justify-content:center;padding-right:12px;display:flex}.landing-people-icons span{width:31px;height:31px;color:var(--hn-primary);background:#e8f3f8;border:2px solid #fff;border-radius:50%;place-items:center;margin-right:-12px;font-size:11px;display:grid}.landing-people-icons span:nth-child(2){color:#fff;background:#ff6d41}.landing-people-icons span:nth-child(3){background:var(--hn-ink);color:#fff}.landing-people-card strong{color:var(--hn-ink);font-size:11px}.landing-people-card small{color:var(--hn-muted);font-size:9px}.landing-float-badge{color:var(--hn-primary);background:#fff;border:1px solid #dbe8ee;border-radius:11px;align-items:center;gap:6px;padding:10px 12px;font-size:10px;display:flex;position:absolute;top:34%;left:-13px;transform:rotate(-4deg);box-shadow:0 8px 22px #0a273511}.landing-float-badge svg{color:var(--hn-accent)}.landing-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.landing-features article{background:#fff;border:1px solid #e0e9ed;border-radius:19px;padding:24px;box-shadow:0 7px 23px #0a273508}.landing-feature-icon{width:47px;height:47px;color:var(--hn-primary);background:#e8f3f8;border-radius:14px;place-items:center;margin-bottom:12px;display:grid}.landing-feature-icon.accent{color:var(--hn-accent);background:#fff0e9}.landing-features h2{color:var(--hn-ink);margin-bottom:7px;font-size:16px}.landing-features p{color:var(--hn-muted);font-size:12px;line-height:2.5}.landing-bottom-cta{background:#e8f3f8;border:1px solid #d7e9f1;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 0;padding:22px 28px;display:flex}.landing-bottom-cta strong{color:var(--hn-ink);font-size:15px}.landing-bottom-cta p{color:var(--hn-muted);margin-top:6px;font-size:11px}@media (width<=880px){.landing-page{padding:22px 25px 40px}.landing-hero{gap:24px}.landing-copy h1{font-size:34px}.landing-float-badge{display:none}.landing-showcase{padding:17px}.landing-quick-points{gap:11px}}@media (width<=700px){.landing-page{padding:15px 18px 34px}.landing-header .brand{font-size:22px}.landing-header .brand small{font-size:9px}.landing-header-actions{gap:12px}.landing-head-cta{min-height:39px;padding:9px 12px;font-size:10px}.landing-header .brand-symbol{width:42px;height:42px}.landing-hero{grid-template-columns:1fr;gap:31px;padding:47px 0 40px}.landing-copy h1{font-size:clamp(33px,7vw,43px);line-height:1.7}.landing-copy>p{font-size:12px;line-height:2.55}.landing-showcase{width:100%;max-width:470px;margin:0 auto}.landing-features{grid-template-columns:1fr;gap:12px}.landing-features article{padding:17px 20px}.landing-bottom-cta{text-align:center;flex-direction:column;padding:20px}.landing-quick-points{font-size:10px}}@media (width<=380px){.landing-page{padding-left:13px;padding-right:13px}.landing-header-actions{gap:6px}.landing-login{font-size:11px}.landing-head-cta{font-size:9px}.landing-kicker{font-size:10px}.landing-copy h1{font-size:30px}.landing-preview-bottom{grid-template-columns:1fr 1fr;gap:8px}.landing-note-card{padding:12px}.landing-people-card{padding:10px}}:root{--hn-icon:#004e72;--hn-icon-muted:#526875;--hn-icon-bg:#e8f3f8;--hn-icon-border:#bdd3df}.page-heading .heading-date svg,.section-heading h2 svg,.list-panel-header .list-title svg,.list-tabs .list-tab svg,.tasks-empty>svg,.due-input>svg,.reminder-board svg,.share-explainer>svg{color:var(--hn-icon)}.icon-tile,.icon-tile.sage,.icon-tile.blue,.icon-tile.lavender,.empty-illustration,.empty-illustration.sage,.empty-illustration.blue,.empty-illustration.lavender{color:var(--hn-icon);background:var(--hn-icon-bg)}.icon-tile.peach,.icon-tile.sand,.empty-illustration.peach,.empty-illustration.sand{color:var(--hn-accent);background:#fff0e9}.empty-state{border-color:var(--hn-icon-border);background:#f5f9fb}.list-tab{color:var(--hn-icon-muted)}.list-tab.selected{color:var(--hn-icon);border-color:var(--hn-icon-border);opacity:1;box-shadow:0 0 0 2px #004e720b}.list-tab:hover{color:var(--hn-icon)}.task-check{border-color:var(--hn-icon-border);color:var(--hn-icon);background:#fff}.task-check:hover{border-color:var(--hn-primary);background:var(--hn-icon-bg)}.done .task-check{border-color:var(--hn-primary);background:var(--hn-primary);color:#fff}.task-meta>span,.done-toggle,.done .task-text>span,.due-input,.due-input small,.tasks-empty,.tasks-empty p,.tasks-empty span,.list-title small{color:var(--hn-icon-muted)}.task-meta>span.late{color:#c94d2c}.note-card-top>span,.note-card .icon-button,.list-tools .icon-button,.task-actions .icon-button{color:var(--hn-icon-muted)}.note-card .icon-button:hover,.list-tools .icon-button:hover,.task-actions .icon-button:hover,.note-card .icon-button.pinned{color:var(--hn-icon);background:var(--hn-icon-bg)}.note-new,.note-new strong,.note-new small{color:var(--hn-icon)}.note-new>span{color:var(--hn-icon);background:var(--hn-icon-bg)}.share-explainer{color:var(--hn-icon);border-color:var(--hn-icon-border);background:#e8f3f8}.share-explainer p{color:var(--hn-icon-muted)}.reminder-banner>svg{color:var(--hn-accent)}.reminder-board,.reminder-board svg{color:var(--hn-icon)}.color-field,.modal-description,.member-list small,.invite-box>small,.settings-link,.auth-switch,.invitation-back,.confirm-text,.invitation-card>p,.invitation-description{color:var(--hn-icon-muted)}.auth-switch a{color:var(--hn-primary)}.color-choice.chosen{outline-color:var(--hn-primary)}.color-choice{color:var(--hn-primary)}.nav-item svg,.mobile-nav-icon svg{color:inherit}@media (width<=700px){.mobile-nav-item{white-space:normal;line-height:1.25}.mobile-nav-item>span:last-child{text-align:center;text-wrap:balance;overflow-wrap:normal;max-width:100%;display:block}.mobile-nav-item.active{color:var(--hn-primary)}}@media (width<=380px){.mobile-nav-item{font-size:9px}}@media (width<=700px){.app-shell .mobile-bottom-nav{justify-content:space-between;gap:1px;padding-left:3px;padding-right:3px}.app-shell .mobile-nav-item{flex:1 1 0;min-width:0;padding-inline:0;font-size:clamp(8px,2.35vw,10px)}.app-shell .mobile-nav-icon{width:clamp(32px,10vw,43px);min-width:0}.app-shell .sidebar{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100dvh;max-height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));overflow-y:auto}.app-shell .sidebar-bottom{flex-shrink:0;margin-top:20px}.app-shell .sidebar .brand{flex-shrink:0;margin-bottom:22px}.settings-mobile-nav{display:flex}.auth-page:has(.settings-mobile-nav){padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}}.settings-account-actions{justify-content:center;margin-top:17px;display:flex}.settings-logout-button{color:#004e72;background:#eef6fa;border:1px solid #bdd3df;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;max-width:390px;min-height:43px;display:inline-flex}.settings-logout-button:hover{background:#e1f0f6}.settings-logout-button:focus-visible{outline-offset:3px;outline:2px solid #ff6d41}.admin-layout,.admin-inbox{color:var(--hn-ink);background:#f8fafb;min-height:100vh;font-family:Pinar,Yekan,Tahoma,Arial,sans-serif}.admin-layout{grid-template-columns:245px minmax(0,1fr);display:grid}.admin-nav{background:#fff;border-left:1px solid #dce5ea;flex-direction:column;gap:25px;height:100vh;min-height:100vh;padding:29px 16px;display:flex;position:sticky;top:0}.admin-brand{color:#004e72;align-items:center;gap:11px;font-size:20px;font-weight:700;display:flex}.admin-brand small{color:#667e8b;font-size:10px;font-weight:400;display:block}.admin-nav-label{color:#8da0aa;margin-top:12px;font-size:10px}.admin-nav nav{flex-direction:column;gap:5px;display:flex}.admin-nav nav button,.admin-nav-bottom>a,.admin-nav-bottom>button{text-align:right;color:#4f6a7a;border-radius:11px;align-items:center;gap:11px;min-height:43px;padding:0 12px;font-size:12px;display:flex}.admin-nav nav button:hover,.admin-nav-bottom>a:hover{background:#f0f6f9}.admin-nav nav button.current{color:#004e72;background:#e8f3f8;border-right:3px solid #ff6d41;font-weight:700}.admin-nav-bottom{gap:7px;margin-top:auto;display:grid}.admin-nav-bottom a,.admin-nav-bottom button{min-height:32px;font-size:11px}.admin-profile{color:#004e72;background:#f0f7fa;border-radius:13px;align-items:center;gap:10px;padding:14px 10px;font-size:12px;display:flex}.admin-profile small{color:#66808d;font-size:10px;display:block}.admin-main{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:32px clamp(18px,3.5vw,54px) 70px}.admin-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.admin-top h1{font-size:27px}.admin-eyebrow{color:#ff6d41;letter-spacing:1px;font-family:Arial,sans-serif;font-size:10px}.admin-mode{color:#004e72;background:#fff;border:1px solid #d9e5eb;border-radius:30px;align-items:center;gap:6px;padding:10px 13px;font-size:11px;display:flex}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px;display:grid}.admin-stat{background:#fff;border:1px solid #dce5ea;border-radius:16px;padding:19px;box-shadow:0 8px 20px #0a273507}.admin-stat>div{color:#526875;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.admin-stat svg{color:#004e72;box-sizing:content-box;background:#e8f3f8;border-radius:8px;padding:7px}.admin-stat strong{color:#0a2735;font-size:27px;line-height:2}.admin-columns{grid-template-columns:1.25fr 1fr;gap:16px;display:grid}.admin-card{background:#fff;border:1px solid #dce5ea;border-radius:17px;min-width:0;margin:0 0 18px;padding:22px;box-shadow:0 8px 20px #0a273507}.admin-card h2{color:#0a2735;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.admin-card h2 svg,.admin-card h3 svg{color:#004e72}.admin-card h3{margin:13px 0;font-size:13px}.admin-card p,.admin-muted{color:#526875;font-size:11px;line-height:2}.admin-chart{align-items:flex-end;gap:9px;height:225px;padding:20px 8px 6px;display:flex;overflow-x:auto}.admin-chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:23px;max-width:46px;height:100%;display:flex}.admin-chart-column>div{background:linear-gradient(#ffad86,#ff6d41);border-radius:8px 8px 3px 3px;width:100%;min-height:5px}.admin-chart-column small{color:#66808d;direction:ltr;font-size:9px}.admin-line{border-bottom:1px solid #eaf0f3;justify-content:space-between;gap:8px;padding:12px 0;font-size:11px;display:flex}.admin-line span{gap:4px;display:grid}.admin-line small{color:#68808d;font-size:10px}.admin-alert,.admin-ok{color:#9c382a;background:#fff1ee;border:1px solid #e5b7ad;border-radius:12px;align-items:center;gap:8px;margin-bottom:15px;padding:12px 16px;font-size:12px;display:flex}.admin-ok{color:#216b50;background:#ecf8f3;border-color:#c1dfd3}.admin-alert button,.admin-ok button{margin-right:auto;font-size:20px}.admin-toolbar,.admin-actions{flex-wrap:wrap;align-items:center;gap:11px;margin-bottom:14px;display:flex}.admin-toolbar>span{color:#526875;margin-right:auto;font-size:11px}.admin-search{border:1px solid #dce5ea;border-radius:11px;flex:1;align-items:center;gap:9px;min-width:180px;min-height:42px;padding:0 12px;display:flex}.admin-search input{border:0;width:100%;padding:10px 2px;font-size:12px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:right;width:100%;font-size:11px}.admin-table th{color:#526875;white-space:nowrap;background:#f3f7f9;font-size:10px;font-weight:500}.admin-table th,.admin-table td{border-bottom:1px solid #eaf0f3;padding:12px 10px}.admin-table td{vertical-align:middle;white-space:nowrap}.admin-table td:first-child{white-space:normal;min-width:130px}.admin-table td b{font-weight:700;display:block}.admin-table td small{color:#708692;margin-top:3px;font-size:10px;display:block}.admin-table .button{min-height:32px;padding:7px 12px;font-size:10px}.admin-tag{border-radius:30px;padding:5px 9px;font-size:10px;display:inline-flex}.admin-tag.green{color:#277151;background:#ebf7f1}.admin-tag.red{color:#ad493e;background:#fff0ed}.admin-pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:15px;font-size:11px;display:flex}.admin-pagination button{background:#eaf3f7;border-radius:7px;padding:8px 10px}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:15px;margin:12px 0;display:grid}.admin-form-grid>button,.admin-form-grid>.admin-permission-list,.admin-form-grid>.admin-actions,.admin-form-grid>.admin-span{grid-column:1/-1}.admin-card label,.admin-section>label{color:#3c5766;flex-direction:column;gap:7px;font-size:11px;display:flex}.admin-card input:not([type=checkbox]),.admin-card select,.admin-card textarea{color:#0a2735;background:#fff;border:1px solid #dce5ea;border-radius:10px;width:100%;max-width:100%;min-height:40px;padding:11px 12px;font-size:12px}.admin-card textarea{white-space:pre-wrap;line-height:1.85}.admin-card .button{white-space:normal;width:max-content;max-width:100%}.admin-permission-list{background:#f9fbfc;border:1px solid #e2ebef;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px;display:grid}.admin-permission-list label,.admin-inline{flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:10px!important;display:flex!important}.admin-permission-list input,.admin-inline input{accent-color:#004e72;flex-shrink:0;height:16px;width:16px!important}.admin-detail{border-top:4px solid #ff6d41}.admin-detail-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-detail-title p{word-break:break-all;font-family:Arial,sans-serif;font-size:10px}.admin-detail-stats{flex-wrap:wrap;gap:9px;margin:13px 0;display:flex}.admin-detail-stats span{color:#004e72;background:#e8f3f8;border-radius:9px;padding:7px 10px;font-size:10px}.admin-section{border-top:1px solid #e7eef2;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.admin-section h3{margin:0}.admin-section>label,.admin-section>textarea,.admin-section>input,.admin-section .admin-reviewed{width:100%}.admin-section .admin-actions{margin:0}.admin-delete{background:#fffaf8;border:1px solid #eccfc9;border-radius:11px;padding:17px}.admin-delete h3{color:#af4e41}.admin-reviewed{background:#f9fbfc;border:1px solid #dce5ea;border-radius:12px;padding:12px}.admin-reviewed details{border-top:1px solid #dfebef;padding:12px 2px}.admin-reviewed summary{cursor:pointer;color:#004e72;font-size:12px}.admin-reviewed summary small{color:#8da0aa;margin-right:8px;font-size:10px}.admin-reviewed p.admin-text{white-space:pre-wrap;word-break:break-word;color:#193947;margin-top:9px}.admin-reviewed ul{padding-right:20px;font-size:11px}.admin-invite{background:#eaf7fa;border:1px solid #c6e2e9;border-radius:12px;justify-items:start;gap:11px;margin:13px 0;padding:14px;display:grid}.admin-invite code{word-break:break-all;font-size:13px}.admin-inbox{width:100%;padding:24px clamp(16px,4vw,60px)}.admin-inbox>header{justify-content:space-between;align-items:center;gap:20px;max-width:950px;margin:0 auto 50px;display:flex}.admin-inbox-container{max-width:950px;margin:auto}.admin-inbox-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.admin-inbox-heading h1{align-items:center;gap:12px;font-size:25px;display:flex}.admin-inbox-heading p{color:#526875;font-size:12px}.admin-inbox-heading>span{white-space:nowrap;color:#004e72;font-size:11px}.admin-inbox-item{background:#fff;border:1px solid #c8e0ea;border-radius:17px;grid-template-columns:45px minmax(0,1fr);gap:15px;margin-bottom:14px;padding:22px;display:grid}.admin-inbox-item.read{border-color:#e5edf0}.admin-inbox-icon{color:#004e72;background:#e8f3f8;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.admin-inbox-item.read .admin-inbox-icon{color:#7a8e97;background:#f3f6f7}.admin-inbox-item-head{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.admin-inbox-item-head h2{font-size:16px}.admin-inbox-item small{color:#718690;font-size:10px}.admin-inbox-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;font-size:12px;line-height:2}.admin-inbox-empty{text-align:center;color:#6f8892;padding:70px 10px}.admin-inbox-empty svg{margin-bottom:10px}.admin-inbox-empty h3{font-size:16px}.admin-inbox-empty p{font-size:12px}.admin-loading{align-items:center;gap:9px;padding:30px;font-size:13px;display:flex}.sidebar-inbox-link{color:#004e72;background:#eef6fa;border-radius:11px;align-items:center;gap:10px;margin:4px 0 12px;padding:12px 13px;font-size:12px;display:flex}.sidebar-inbox-link b{color:#fff;background:#ff6d41;border-radius:30px;margin-right:auto;padding:2px 7px}.sidebar-inbox-top{position:relative}.sidebar-inbox-top i{color:#fff;background:#ff6d41;border-radius:12px;padding:2px 5px;font-size:8px;font-style:normal;position:absolute;top:-5px;right:-4px}@media (width<=1050px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-columns{grid-template-columns:1fr}}@media (width<=760px){.admin-layout{grid-template-columns:1fr}.admin-nav{gap:10px;height:auto;min-height:0;padding:15px;position:static}.admin-nav nav{flex-direction:row;gap:6px;overflow-x:auto}.admin-nav nav button{white-space:nowrap;min-height:40px;padding:11px 12px}.admin-nav-label,.admin-nav-bottom{display:none}.admin-main{padding:24px 15px 45px}.admin-top h1{font-size:22px}.admin-card{padding:16px}.admin-form-grid,.admin-permission-list{grid-template-columns:1fr}}@media (width<=480px){.admin-stat-grid{gap:8px}.admin-stat{padding:11px}.admin-stat>div{font-size:9px}.admin-stat strong{font-size:22px}.admin-mode{display:none}.admin-inbox>header{align-items:flex-start;margin-bottom:35px}.admin-inbox>header .button{padding:9px;font-size:10px}.admin-inbox-heading h1{font-size:21px}.admin-inbox-item{grid-template-columns:30px 1fr;gap:9px;padding:14px}.admin-inbox-icon{width:29px;height:29px}}.admin-mobile-bottom-nav,.admin-mobile-menu-button,.admin-drawer-close,.admin-drawer-scrim{display:none}.admin-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%}.admin-main,.admin-card,.admin-top-title{min-width:0}@media (width<=760px){#root>.admin-layout{flex:1;min-height:0}.admin-layout{width:100%;min-width:0;display:block;overflow-x:clip}.admin-nav{z-index:81;width:min(320px,88vw);height:100dvh;min-height:0;padding:24px 18px calc(28px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:17px;transition:transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-15px 0 40px #0a27351f}.admin-nav.open{transform:translate(0)}.admin-nav nav{flex-direction:column;flex-shrink:0;gap:4px;display:flex;overflow:visible}.admin-nav nav button{white-space:normal;text-align:right;flex-shrink:0;font-size:12px}.admin-nav-label,.admin-nav-bottom{display:grid}.admin-nav-label{margin-top:0;display:block}.admin-nav-bottom{border-top:1px solid #e1ebf0;flex-shrink:0;gap:6px;margin-top:16px;padding-top:14px}.admin-drawer-close{color:#004e72;background:#eef6fa;border-radius:10px;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:24px;left:16px}.admin-drawer-scrim{z-index:80;background:#0a27357a;width:100%;height:100%;display:block;position:fixed;inset:0}.admin-mobile-menu-button{color:#004e72;background:#fff;border:1px solid #dce5ea;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.admin-mobile-bottom-nav{z-index:70;height:calc(71px + env(safe-area-inset-bottom,0px));padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #dce5ea;justify-content:space-around;align-items:stretch;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 23px #0a273514}.admin-mobile-nav-item{color:#607885;white-space:nowrap;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:4px 1px;font-size:10px;line-height:1.4;display:flex}.admin-mobile-nav-item.active,.admin-mobile-nav-item:hover{color:#004e72;background:#e8f3f8;font-weight:700}.admin-mobile-nav-item:focus-visible,.admin-mobile-menu-button:focus-visible,.admin-drawer-close:focus-visible{outline-offset:2px;outline:2px solid #ff6d41}.admin-main{width:100%;padding:0 14px calc(101px + env(safe-area-inset-bottom,0px))}.admin-top{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafbf7;justify-content:flex-start;align-items:center;gap:13px;margin-bottom:17px;padding:13px 0;display:flex;position:sticky;top:0}.admin-top h1{overflow-wrap:anywhere;font-size:19px;line-height:1.5}.admin-top-title{flex:1}.admin-mode{display:none}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-stat{min-width:0;padding:14px}.admin-stat>div{align-items:flex-start}.admin-stat>div>span{overflow-wrap:anywhere;line-height:1.8}.admin-stat strong{font-size:24px}.admin-columns{grid-template-columns:1fr}.admin-card{border-radius:15px;margin-bottom:14px;padding:16px 13px}.admin-card h2{font-size:15px}.admin-toolbar{align-items:stretch}.admin-toolbar .admin-search{flex-basis:100%}.admin-toolbar>span{align-self:center;margin-right:0}.admin-form-grid,.admin-permission-list{grid-template-columns:1fr}.admin-actions{align-items:stretch}.admin-actions>.button{white-space:normal;max-width:100%;min-height:42px}.admin-detail-title{flex-wrap:wrap;align-items:flex-start}.admin-detail-title p{overflow-wrap:anywhere;word-break:break-word}.admin-users-table-wrap{overflow-x:visible}.admin-users-table-wrap .admin-table,.admin-users-table-wrap tbody,.admin-users-table-wrap tr,.admin-users-table-wrap td{width:100%;display:block}.admin-users-table-wrap thead{display:none}.admin-users-table-wrap tbody{gap:11px;display:grid}.admin-users-table-wrap tr{background:#f9fbfc;border:1px solid #dce5ea;border-radius:13px;padding:11px 12px}.admin-users-table-wrap .admin-table td{white-space:normal;text-align:left;overflow-wrap:anywhere;border:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:7px 0;font-size:11px;display:flex}.admin-users-table-wrap .admin-table td:first-child{text-align:right;border-bottom:1px solid #e5edf1;margin-bottom:4px;padding-bottom:11px;display:block}.admin-users-table-wrap .admin-table td:first-child:before{display:none}.admin-users-table-wrap .admin-table td:before{content:attr(data-label);color:#67818d;text-align:right;flex-shrink:0;font-size:10px;font-weight:500}.admin-users-table-wrap .admin-table td:last-child{text-align:stretch;display:block}.admin-users-table-wrap .admin-table td:last-child:before{display:none}.admin-users-table-wrap .admin-table td:last-child .button{width:100%}.admin-table-wrap:not(.admin-users-table-wrap){scrollbar-width:thin;overflow-x:auto}.admin-table-wrap:not(.admin-users-table-wrap) .admin-table{min-width:520px}.admin-chart{gap:5px;padding-inline:0}.admin-chart-column{min-width:13px}.admin-invite code,.admin-reviewed,.admin-alert,.admin-ok{overflow-wrap:anywhere;word-break:break-word}}@media (width<=360px){.admin-main{padding-left:10px;padding-right:10px}.admin-stat-grid{gap:7px}.admin-stat{padding:11px}.admin-mobile-nav-item{font-size:9px}}@media (prefers-reduced-motion:reduce){.admin-nav{transition:none}}@media (width<=760px){.admin-detail{scroll-margin-top:85px}}.admin-header-logout{color:#004e72;white-space:nowrap;background:#fff;border:1px solid #bdd3df;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 12px;font-size:12px;display:inline-flex}.admin-header-logout:hover{background:#e8f3f8}.admin-header-logout:focus-visible{outline-offset:2px;outline:2px solid #ff6d41}.admin-header-logout:disabled,.settings-logout-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.admin-header-logout{min-height:42px;padding:0 9px}}