*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{color:#39372e;-webkit-font-smoothing:antialiased;background:#fbf8f0;margin:0;font-family:Sukhumvit Set,Thonburi,Noto Sans Thai,Leelawadee UI,sans-serif;font-size:13px;line-height:1.65}button,input,select,textarea{font:inherit}button{cursor:pointer}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #c2a465}input,textarea,select{color:#454137}h1,h2,h3,h4,p{margin:0}button{background:0 0;border:0}img{max-width:100%}svg{flex-shrink:0}::selection{background:#f0ddad}a{color:inherit}button{touch-action:manipulation}button:active:not(:disabled){transform:translateY(1px)}:root{--paper:#fbf8f0;--brown:#3e3129;--ink:#37362d;--muted:#8b877b;--line:#eee9df;--brick:#a54f37;--sage:#8fa978;--gold:#d4b46b;--shadow:0 3px 16px #6c4a2610}.app-shell{min-height:100vh}.sidebar{background:var(--brown);color:#e8dfca;z-index:40;scrollbar-width:thin;flex-direction:column;width:215px;padding:23px 16px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:#fff5dd;text-align:left;align-items:center;gap:11px;padding:2px 15px 26px;display:flex}.brand-chicken{font-size:30px;line-height:1}.brand strong{letter-spacing:-1px;font-size:27px}.brand strong>span{color:#bb7860;margin-left:3px}.workspace-switch{border:1px solid #ffffff15;border-radius:9px;margin-bottom:27px;padding:11px 9px 9px}.workspace-switch>span{color:#b9aa93;margin:0 4px 8px;font-size:10px;display:block}.workspace-switch>button{text-align:left;color:#fff0d9;white-space:nowrap;background:#a6523c;border-radius:5px;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:10px 8px;font-size:11px;font-weight:600;display:flex}.workspace-switch .workspace-settings{color:#d3c7b2;background:#ffffff07;justify-content:center;margin-top:5px;padding:7px;font-size:10px}.nav-label{letter-spacing:1.7px;color:#aa9c87;margin:0 11px 12px;font-family:Arial,sans-serif;font-size:9px;font-weight:600}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{text-align:left;color:#cfc4ae;border-radius:6px;align-items:center;gap:10px;padding:12px 13px;font-size:12px;transition:background .18s;display:flex}.sidebar nav button:hover{background:#ffffff08}.sidebar nav button.active{color:#faedcb;background:#655041}.sidebar nav button.active svg{color:#e0c990}.sidebar nav button b{background:#ffffff0c;border-radius:3px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:500}.sidebar-bottom{margin-top:auto;padding-top:30px}.companion{text-align:center;background:radial-gradient(at 50% 36%,#9f733331,#0000 65%);border:1px solid #ffffff18;border-radius:15px;width:100%;padding:12px 13px 9px;transition:background .2s}.companion:hover{background-color:#ffffff05}.companion>span:first-child{color:#c1b196;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.pet-glow{height:92px;margin-top:8px;position:relative}.pet-glow:before{content:"";filter:blur(30px);opacity:.14;background:#dab566;position:absolute;inset:25px 30px 0}.pet-glow img{-o-object-fit:contain;object-fit:contain;width:100px;height:100px;position:relative}.companion>strong{color:#f4ead5;margin-top:2px;font-size:13px;display:block}.companion>small{color:#cfc0a5;font-size:9px;line-height:1.9;display:block}.mini-progress{background:#ffffff13;border-radius:5px;height:4px;margin:9px 7px 6px;overflow:hidden}.mini-progress i{background:linear-gradient(90deg,#bc9162,#ebca82);border-radius:5px;height:100%;transition:width .6s;display:block}.companion-foot{color:#baaa8d;justify-content:center;align-items:center;gap:7px;margin-top:6px;font-size:9px;display:flex}.help-button{color:#c9bca4;align-items:center;gap:9px;width:100%;padding:18px 9px;font-size:11px;display:flex}.help-button svg:last-child{margin-left:auto}.user-button{text-align:left;border-top:1px solid #ffffff0f;align-items:center;gap:10px;width:100%;padding:13px 0 16px;display:flex}.user-button>span:nth-child(2){flex-direction:column;flex:1;display:flex}.user-button b{color:#f7efde;font-size:11px}.user-button small{color:#b7a991;font-size:8px}.user-button>svg{color:#a69780}.avatar{color:#776e55;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.main-shell{margin-left:215px}.topbar{border-bottom:1px solid var(--line);background:#fffefa;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex}.topbar>div{align-items:center;display:flex}.breadcrumb{color:#a19a8d;align-items:center;gap:12px;font-size:10px;display:flex}.breadcrumb b{color:#696659;font-weight:400}.topbar-right{gap:17px}.demo-tag{color:#8a7855;background:#f7f2e6;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:9px;display:flex}.demo-tag i{background:#b5a074;border-radius:50%;width:4px;height:4px}.top-date{color:#969081;font-size:10px}.icon-button{color:#8e887a;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:30px;transition:background .2s;display:inline-flex}.icon-button:hover{background:#f3eee4}.notification-button{position:relative}.notification-button i{background:#b96246;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:5px}.mobile-menu{display:none}main{max-width:1470px;margin:auto;padding:32px 34px 0}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:#a38569;letter-spacing:1.6px;font-size:9px;font-weight:600;line-height:1.8;display:block}.page-heading h1{letter-spacing:-.8px;margin:4px 0;font-size:25px;font-weight:800;line-height:1.65}.page-heading p{color:var(--muted);font-size:11px}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:11px 16px;font-size:11px;font-weight:600;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.primary{background:var(--brick);color:#fff6df;box-shadow:0 3px #7d39261c,0 5px 14px #a34e3415}.primary:hover{background:#93442f;transform:translateY(-1px);box-shadow:0 5px 16px #a34e342a}.secondary{color:#71634f;background:#fff;border:1px solid #e6ded0}.secondary:hover{background:#fbf6ec}.soft{color:#97733e;background:#f7edd4}.soft:hover{background:#f1e2bd}.hero{isolation:isolate;background:linear-gradient(108deg,#faf0d2 0%,#fbe7cc 51%,#eddee7 100%);border-radius:15px;height:213px;margin-bottom:23px;position:relative;overflow:hidden;box-shadow:0 6px 28px #a6774720}.hero:after{content:"";z-index:-1;border:1px solid #ffffff9e;border-radius:50%;width:350px;height:350px;position:absolute;top:25px;right:39px}.hero-copy{z-index:2;pointer-events:none;padding:29px 28px;position:relative}.hero-copy .eyebrow{letter-spacing:1.3px;color:#aa795b;align-items:center;gap:6px;font-family:Arial,sans-serif;font-size:8px;display:flex}.hero h2{letter-spacing:-1.3px;margin:10px 0 5px;font-size:31px;font-weight:800;line-height:1.5}.hero h2 span{color:#b36142;margin-left:3px}.hero p{color:#796c56;font-size:11px}.hero-pills{pointer-events:auto;gap:8px;margin-top:19px;display:flex}.hero-pills button{color:#756649;background:#fffdf0b8;border-radius:22px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;display:flex;box-shadow:0 2px 10px #b5974910}.hero-pills button:hover{background:#fffdf4;transform:translateY(-2px)}.hero-art{z-index:1;justify-content:center;align-items:flex-end;width:420px;height:260px;padding:0;display:flex;position:absolute;bottom:-10px;right:0}.hero-art img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .5s}.hero-art:hover img{transform:translateY(-4px)rotate(-1deg)}.hero-sticker{color:#a65e48;z-index:2;background:#fffdf0;border-radius:2px;padding:4px 10px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;position:absolute;top:18px;right:50px;transform:rotate(10deg);box-shadow:1px 3px #e7cdd02b}.hero-spark{color:#bc8b79;z-index:2;pointer-events:none;position:absolute}.s1{font-size:21px;top:42px;right:353px}.s2{font-size:23px;top:115px;right:382px;transform:rotate(-20deg)}.s3{font-size:23px;top:85px;right:30px}.pet-speech{box-shadow:var(--shadow);z-index:3;background:#fff;border-radius:14px 14px 0;padding:11px 16px;font-size:12px;animation:.3s both pop-in;position:absolute;top:48px;right:140px}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:0 0 14px;display:flex}.view-tabs{gap:3px;display:flex}.view-tabs button{color:#857868;white-space:nowrap;border-radius:5px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;display:flex}.view-tabs button.active{color:#97724f;background:#f7efd9}.view-tabs button:hover{background:#f4eddf}.filters{align-items:center;gap:8px;display:flex}.search,.select-field{color:#969087;background:#fffefb;border:1px solid #e8e2d8;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex;box-shadow:0 1px 3px #60472403}.search input{background:0 0;border:0;outline:none;width:125px;padding:0;font-size:10px}.search input:focus-visible{outline:none}.search:focus-within{border-color:#bf9877}.search button{padding:0;display:flex}.select-field select{appearance:none;background:0 0;border:0;outline:none;max-width:145px;font-size:10px}.select-field select:focus-visible{outline:none}.period{background:#fffefb;border:1px solid #e8e2d8;border-radius:6px;height:34px;padding:0 7px;font-size:10px}.stats{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:17px;display:grid}.stat{text-align:left;background:#fffefa;border:1px solid #eee9e1;border-radius:12px;min-width:0;padding:15px 16px;transition:transform .2s,border-color .2s;box-shadow:0 2px 5px #60472404}.stat:hover{border-color:#d9c9af;transform:translateY(-3px)}.stat.selected{background:linear-gradient(120deg,#fffbec,#fffefa);border-color:#fffcf3;outline:1px solid #cdb694;box-shadow:0 3px #e9ded0,0 1px 8px #bb8e4910}.stat span{color:#796d5f;align-items:center;gap:7px;font-size:10px;display:flex}.stat span i,.legend i,.donut-legend i{border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #cbb47810}.stat strong{color:#443e32;margin:4px 0;font-family:Arial,sans-serif;font-size:30px;line-height:1.2;display:block}.stat small{color:#8d8477;white-space:nowrap;font-size:9px}.list-heading{color:#9a8d7b;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 15px;font-size:9px;display:flex}.list-heading button{color:#9a8d7b;align-items:center;gap:5px;font-size:9px;display:flex}.task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.task-card{background:linear-gradient(130deg,#fffbf7,#fff 54%);border:1px solid #eee6db;border-radius:15px;min-width:0;padding:17px 17px 14px;transition:transform .22s,box-shadow .22s;animation:.45s both card-in;box-shadow:0 3px #eee3d760,0 4px 17px #87633806}.task-card:hover{transform:translateY(-4px);box-shadow:0 4px #e7d8c855,0 12px 25px #6c4a2610}.task-card.done{background:linear-gradient(125deg,#fbfcf7,#fff 60%)}.task-card.doing{background:linear-gradient(125deg,#fffdf4,#fff 60%)}.card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.status-tag{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:9px;display:inline-flex}.status-tag i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-tag.review{color:#b4775e;background:#f9eee8}.status-tag.doing{color:#ac8c36;background:#f8f0d8}.status-tag.todo{color:#99907c;background:#f0eee7}.status-tag.done{color:#7f9768;background:#edf2e5}.task-id{color:#b5ac9d;font-family:Arial,sans-serif;font-size:9px}.task-title{text-align:left;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;min-height:43px;margin-bottom:7px;padding:0;font-size:12px;font-weight:600;line-height:1.8;display:flex}.task-title svg{color:#9b958a;margin-top:4px}.task-meta{color:#8b8375;justify-content:space-between;align-items:center;gap:6px;font-size:9px;display:flex}.task-meta>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.task-meta>span:first-child{text-overflow:ellipsis;overflow:hidden}.task-meta .avatar{font-size:8px;width:21px!important;height:21px!important}.late{color:#b3674c!important}.progress-label{justify-content:space-between;align-items:center;margin:19px 0 25px;display:flex}.progress-label>span{color:#9c9283;font-size:9px}.progress-label b{color:#6a5d49;font-family:Arial,sans-serif;font-size:22px;line-height:1}.progress-label b small{font-size:13px}.task-progress{background:#f2eee5;border-radius:10px;height:6px;position:relative}.fill{background:linear-gradient(90deg,#e9d3b4,#d9bc69);border-radius:10px;height:100%;transition:width .5s;position:relative}.fill.review{background:linear-gradient(90deg,#e9c7a4,#d79279)}.fill.done{background:linear-gradient(90deg,#dce5c2,#91ad7e)}.progress-chick{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 2px #7b5f4220);width:32px;height:34px;transition:left .5s;position:absolute;bottom:4px}.next-step{background:#fbf8f3c7;border-left:2px solid #ead6c7;border-radius:6px;min-height:66px;margin-top:17px;padding:8px 10px}.next-step span{color:#b19b84;margin-bottom:4px;font-size:9px;display:block}.next-step p{color:#877763;font-size:10px;line-height:1.8}.card-bottom{justify-content:space-between;align-items:center;gap:5px;margin:13px 0 12px;font-size:8px;display:flex}.quiet-tag{color:#ab9561;background:#fbf4e0;border-radius:3px;align-items:center;gap:4px;padding:2px 5px;font-size:8px;display:inline-flex}.quiet-tag.late{background:#f9eae1}.xp-tag{color:#ac9360;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:inline-flex}.card-action{color:#9f8360;background:#f6f1e8;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:33px;font-size:10px;font-weight:600;transition:background .2s;display:flex}.card-action:hover{background:#eee3d2}.card-action.primary{background:var(--brick);color:#fff1d6}.card-action.primary:hover{background:#93442f}.task-card.done .card-action{color:#8a9c71;background:#f1f5e9}.page-footer{color:#b1a692;justify-content:space-between;gap:15px;padding:29px 0 20px;font-size:9px;display:flex}.footer-heart{color:#bf977a}.panel{background:#fffefa;border:1px solid #e8e3d8;border-radius:13px;padding:24px;box-shadow:0 2px 6px #51432104}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.panel-title h3{font-size:15px;font-weight:700;line-height:1.6}.panel-title p{color:#a09889;margin-top:5px;font-size:10px}.panel-title>svg{color:#d4c89f}.people-panel{margin-bottom:22px}.legend{color:#969081;gap:14px;margin:20px 0;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.person-bar{text-align:left;border-radius:5px;align-items:center;gap:18px;width:100%;padding:13px 0;font-size:11px;display:flex}.person-bar.active{background:#faf2df}.person-bar:hover{background:#fbf6eb}.person-name{flex-shrink:0;align-items:center;gap:9px;width:143px;font-size:11px;display:flex}.stack-track{background:#f9f6ef;border-radius:4px;flex:1;gap:2px;height:13px;display:flex;overflow:hidden}.stack-track span{height:100%;transition:width .4s;display:block}.person-bar>strong{text-align:right;min-width:36px;font-size:10px;font-weight:500}.person-bar>svg{color:#b4a78d}.follow-panel{margin-top:25px}.tiny-chick{-o-object-fit:contain;object-fit:contain;width:45px;height:45px}.follow-row{border-bottom:1px solid #eee9e0;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.plain-title{text-align:left;align-items:center;gap:9px;padding:0;font-size:12px;font-weight:600;display:flex}.plain-title svg{color:#b0a392}.follow-meta{color:#9e9484;flex-wrap:wrap;align-items:center;gap:9px;margin-top:9px;font-size:10px;display:flex}.follow-meta>span{align-items:center;gap:5px;display:flex}.nudge-button{background:#faf3dc;border-radius:30px;align-items:center;gap:4px;min-width:67px;padding:3px 13px 3px 4px;font-size:11px;transition:transform .2s;display:flex}.nudge-button:hover{animation:.5s wiggle}.nudge-button img{-o-object-fit:contain;object-fit:contain;width:31px;height:31px}.count-pill{color:#997748;background:#f3ead3;border-radius:20px;margin-left:5px;padding:2px 8px;font-family:Arial,sans-serif;font-size:12px}.subtle-note{color:#a79b88;margin-top:16px;font-size:10px;line-height:1.9}.team-pulse{color:#f1eacc;background:linear-gradient(110deg,#4e4533,#576d41);border-radius:14px;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.team-pulse>div{flex:1}.team-pulse .eyebrow{color:#bfc299;font-size:8px}.team-pulse h3{margin:3px 0;font-size:14px}.team-pulse p{color:#d2cdb0;font-size:10px}.team-pulse>strong{text-align:center;border-left:1px solid #e8edd122;min-width:86px;padding-left:20px;font-size:25px}.team-pulse small{font-size:8px;font-weight:400;display:block}.report-note{color:#9e907b;margin:2px 0 20px;font-size:10px}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px;display:grid}.metric{padding:19px 18px}.metric>span{color:#8e816e;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric>span svg{color:#cb9b81}.metric strong{margin:16px 0 8px;font-family:Arial,sans-serif;font-size:27px;display:block}.metric small{color:#a1947f;font-size:9px;display:block}.report-grid{grid-template-columns:1fr 1fr;gap:19px;display:grid}.full-width{grid-column:1/-1;width:100%}.donut-wrap{justify-content:center;align-items:center;gap:35px;min-height:200px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:157px;height:157px;padding:17px}.donut>div{background:#fffefa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.donut img{-o-object-fit:contain;object-fit:contain;width:41px;height:41px;margin-top:-6px}.donut b{font-family:Arial,sans-serif;font-size:28px;line-height:1.15}.donut small{color:#a7967e;font-size:9px}.donut-legend{flex-direction:column;gap:14px;min-width:110px;font-size:10px;display:flex}.donut-legend>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.donut-legend span{color:#9d917e;align-items:center;gap:8px;display:flex}.bar-chart{justify-content:space-around;align-items:flex-end;gap:16px;height:201px;padding-top:20px;display:flex}.bar-chart>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;height:100%;display:flex}.bar-chart span,.bar-chart small{color:#a29684;font-size:9px}.bar{background:#d9987d;border-radius:7px 7px 0 0;width:45px;min-height:3px;max-height:130px;position:relative}.bar-0{background:#94af81}.bar img{-o-object-fit:contain;object-fit:contain;width:30px;height:32px;position:absolute;top:-29px;left:8px}.bar-chart span{padding-bottom:22px}.report-person{padding:22px 0}.report-person .task-progress{flex:1}.empty{text-align:center;padding:40px 20px}.empty img{-o-object-fit:contain;object-fit:contain;width:90px;height:90px}.empty h3{margin:10px 0;font-size:18px}.empty p{color:#a99b85;margin-bottom:18px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#3d332d65;animation:.2s fade-in;position:fixed;inset:0}.modal{z-index:101;scrollbar-width:thin;scrollbar-color:#d6cbb6 transparent;background:#fffefa;border:1px solid #fffdf6;border-radius:19px;width:540px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 42px);padding:28px;animation:.2s modal-in;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #3523183d}.modal-wide{width:650px}.modal-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px;display:flex}.modal-heading h2{letter-spacing:-.5px;margin:5px 0 0;font-size:21px;line-height:1.5}.modal-heading .eyebrow{letter-spacing:1.2px;font-size:8px}.modal h3{font-size:14px}.modal h4{margin:21px 0 13px;font-size:12px}.modal input:not([type=checkbox]),.modal select,.modal textarea,.login-form input{background:#fff;border:1px solid #e8e1d4;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:12px;transition:border-color .2s;display:block}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#bd9271;box-shadow:0 0 0 3px #e8d4b732}.modal input::-moz-placeholder{color:#b2a99a}.modal textarea::-moz-placeholder{color:#b2a99a}.modal input::placeholder,.modal textarea::placeholder{color:#b2a99a}.modal textarea{resize:vertical;min-height:76px;line-height:1.85}.task-form>label,.task-form .form-columns>label,.settings-form>label{color:#7b6b57;margin-bottom:17px;font-size:11px;font-weight:600;display:block}.task-form label>span{color:#b87159}.task-form input,.task-form select,.task-form textarea,.settings-form input{margin-top:6px}.task-form label small{color:#b0a38f;margin-left:8px;font-size:9px;font-weight:400}.form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:23px;padding-top:18px;display:flex}.form-footer>span{color:#b29768;align-items:center;gap:6px;font-size:10px;display:flex}.detail-tags{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.detail-tags>span{color:#9c8d76;align-items:center;gap:5px;font-size:10px;display:flex}.task-description{color:#93816a;white-space:pre-wrap;overflow-wrap:anywhere;background:#f9f5eb;border-radius:9px;margin-bottom:23px;padding:13px 15px;font-size:12px;line-height:2}.detail-progress{color:#a38f73;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;display:flex}.detail-progress b{color:#786347;font-size:17px}.checklist-heading{justify-content:space-between;align-items:center;margin:27px 0 14px;display:flex}.checklist-heading small{color:#b49b71;font-size:9px}.checklist{flex-direction:column;gap:9px;display:flex}.checklist-item{cursor:pointer;background:#fff;border:1px solid #ebe4d7;border-radius:9px;align-items:center;gap:12px;padding:14px 12px;font-size:11px;transition:background .2s,border-color .2s;display:flex;position:relative}.checklist-item:hover{background:#fdfaf1;border-color:#cdbc98}.checklist-item input{opacity:0;pointer-events:none;position:absolute;left:12px}.custom-check{border:1px solid #d7c9b4;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .2s;display:flex}.checklist-item input:focus-visible+.custom-check{outline-offset:3px;outline:3px solid #c2a465}.checklist-item.checked{color:#93a17e;background:#f5f8ef;border-color:#dbe4cd}.checked .custom-check{color:#fff;background:#91a976;border-color:#91a976}.checklist-item.checked>span:nth-last-child(2){-webkit-text-decoration:line-through #c2cbb5;text-decoration:line-through #c2cbb5}.checklist-item small{color:#bba36e;white-space:nowrap;margin-left:auto}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.success-note{color:#7f9567;background:#eef4e5;border-radius:8px;align-items:center;gap:9px;width:100%;padding:14px;font-size:12px;display:flex}.comments{border-top:1px solid var(--line);margin-top:24px;padding-top:4px}.comments h4{align-items:center;gap:8px;display:flex}.comments form{gap:9px;margin-top:14px;display:flex}.comments>small{color:#b8aa96;margin-top:7px;font-size:9px;display:block}.comment{align-items:flex-start;gap:9px;margin-top:12px;padding:10px 0;font-size:10px;display:flex}.comment>div{min-width:0}.comment b{font-size:10px}.comment b small{color:#ae9c84;margin-left:7px;font-size:8px;font-weight:400}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;color:#9f8c71;margin-top:3px;font-size:11px}.pet-modal-scene{justify-content:center;align-items:center;height:175px;margin-top:-10px;display:flex;position:relative}.pet-modal-scene .pet-image{-o-object-fit:contain;object-fit:contain;z-index:1;width:190px;height:155px;position:relative}.pet-rays{filter:blur(5px);background:radial-gradient(#fae5ac 0,#fdf6de70 55%,#0000 70%);border-radius:50%;width:200px;height:150px;position:absolute}.pet-spark{color:#d0b56e;font-size:24px;animation:3s infinite twinkle;position:absolute;top:25px;left:25%}.pet-spark.right{font-size:21px;animation-delay:1s;top:95px;left:auto;right:22%}.level-pill{color:#ab884c;z-index:2;background:#f8edcd;border:1px solid #f4e2b4;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:9px;display:flex;position:absolute;bottom:1px}.pet-name{text-align:center;margin:10px 0 5px;font-size:20px!important}.center{text-align:center}.muted{color:#a28f73;font-size:11px}.pet-xp-track{background:#f4eedf;border-radius:15px;height:8px;margin:16px 20px 18px;overflow:hidden}.pet-xp-track>span{background:linear-gradient(90deg,#ead597,#d7b668);border-radius:15px;height:100%;transition:width .5s;display:block}.evolution-path{border-bottom:1px solid var(--line);justify-content:space-between;padding:0 12px 23px;display:flex}.evolution-path>div{color:#c6beb0;flex-direction:column;align-items:center;gap:5px;font-size:9px;display:flex;position:relative}.evolution-path small{font-size:8px}.evolution-path .unlocked{color:#a98448}.evolution-path .unlocked svg{box-sizing:content-box;background:#f9edca;border-radius:50%;margin-top:-7px;margin-bottom:-7px;padding:7px}.pet-rename{margin-top:20px}.pet-rename label{color:#948065;margin-bottom:7px;font-size:11px;display:block}.pet-rename>div{gap:8px;display:flex}.daily-quest{background:#fcf6e5;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:21px;padding:13px 12px;display:flex}.daily-quest>div{align-items:center;gap:9px;display:flex}.daily-quest>div>svg{color:#c39650}.daily-quest b{color:#927344;font-size:10px;display:block}.daily-quest small{color:#b19a74;margin-top:3px;font-size:8px;display:block}.daily-quest .button{gap:4px;min-height:34px;padding:7px 9px;font-size:9px}.badges{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badges>div{color:#c7beb0;background:#faf8f3;border:1px dashed #e8e1d4;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 5px;display:flex}.badges b{font-size:9px}.badges small{font-size:8px}.badges .earned{color:#ac8a42;background:#fdf4db;border:1px solid #e8d7a4;box-shadow:0 2px #e4d5ac}.xp-rules{color:#b1a18a;margin-top:23px;font-size:10px;line-height:1.9}.xp-rules summary{cursor:pointer;color:#9b8667}.xp-rules p{margin-top:10px}.settings-members{margin:24px 0}.settings-members>div{border-bottom:1px solid #f1ece3;align-items:center;gap:10px;padding:9px 0;display:flex}.settings-members>div>span:nth-child(2){flex:1;font-size:11px}.settings-members small{color:#ac9c85;font-size:9px;display:block}.text-button{color:#b18665;justify-content:center;align-items:center;gap:9px;margin:19px auto;padding:6px;font-size:11px;display:flex}.text-button:hover{color:#8f4d34}.notifications>div{border-bottom:1px solid var(--line);gap:12px;padding:15px 0;display:flex}.notice-icon{color:#bf9c56;background:#f8efd5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.notifications p{color:#8d785c;font-size:12px}.notifications small{color:#b6a58e;margin-top:5px;font-size:9px;display:block}.help-hero{-o-object-fit:contain;object-fit:contain;width:240px;height:155px;margin:0 auto;display:block}.how-to{margin:18px 0 24px}.how-to>p{color:#a49176;align-items:flex-start;gap:15px;margin:17px 0;font-size:11px;display:flex}.how-to>p>b{color:#aa8950;background:#f6ecd4;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-family:Arial,sans-serif;display:flex}.how-to strong{color:#796247;margin-bottom:4px;font-size:12px;display:block}.toast{z-index:150;color:#837050;background:#fffcf4;border:1px solid #ded2ba;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 25px);padding:12px 15px;font-size:12px;animation:.3s toast-in;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 9px 35px #38281428}.toast-icon{color:#8a9a6f;background:#eef0df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.toast>button{color:#b4a38a;justify-content:center;align-items:center;margin-left:10px;display:flex}.reward{z-index:140;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reward-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#fff9e9f2;border:1px solid #f2d9a0;border-radius:23px;padding:24px 42px;animation:4s both reward-pop;box-shadow:0 15px 80px #70491c2b}.reward-card>svg{color:#d1a352}.reward-card h2{color:#aa7536;margin:3px 0;font-family:Arial,Thonburi,sans-serif;font-size:35px;line-height:1.6}.reward-card p{color:#b99b6d;font-size:12px}.reward.hatch .reward-card{background:#fff9eaf7;padding:20px 37px 28px}.reward-card .pet-image{-o-object-fit:contain;object-fit:contain;width:165px;height:165px;margin:auto;animation:.8s hatch;display:block}.reward.hatch h2{font-size:27px}.reward-card .eyebrow{color:#c0a26a;letter-spacing:4px;margin:8px 0 4px}.confetti{position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:7px;height:11px;animation:3.5s cubic-bezier(.1,.4,.5,1) both fall;position:absolute;top:-30px}.login-page{background:#fcf8f0;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{background:var(--brown);flex-direction:column;justify-content:space-between;min-height:700px;padding:75px 55px 25px;display:flex;position:relative;overflow:hidden}.login-copy .eyebrow{color:#a5ad75;letter-spacing:2px}.login-copy h1{color:#fff0d0;letter-spacing:-1.7px;margin:21px 0 20px;font-size:43px;line-height:1.5}.login-copy p{color:#cab89b;font-size:13px;line-height:2}.login-art>img{-o-object-fit:contain;object-fit:contain;width:100%;max-height:360px;position:relative}.login-sticker{color:#a1694f;z-index:2;background:#fff4d8;padding:7px 14px;font-size:12px;font-weight:700;position:absolute;top:49%;right:65px;transform:rotate(9deg);box-shadow:0 2px 7px #1b11042e}.login-form{width:355px;max-width:80%;margin:auto;padding:35px 0}.brand-mark{color:#be8c66;margin-bottom:24px;font-size:54px;line-height:1;display:block}.login-form>.eyebrow{margin-bottom:8px;font-size:9px}.login-form h1{letter-spacing:-.8px;margin-bottom:12px;font-size:26px}.login-form>p{color:#9b8d77;margin-bottom:27px;font-size:12px}.login-form .button{width:100%;min-height:47px}.google{color:#8b7d68;background:#fff;border:1px solid #e5ded2;gap:11px;font-weight:400}.google>b{color:#4285f4;font-family:Arial;font-size:18px}.divider{color:#aa9d89;align-items:center;gap:15px;margin:25px 0;font-size:9px;display:flex}.divider:before,.divider:after{content:"";background:#e9e0d2;flex:1;height:1px}.login-form label{color:#8e7b60;margin:20px 0;font-size:11px;display:block}.login-form input{min-height:43px;margin-top:7px}.login-form input:disabled{background:#fffefb}.login-note{text-align:center;color:#b49a78;margin:16px 0 25px;font-size:9px;display:block}.idle-bob{transform-origin:50% 100%;animation:4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-4px)rotate(1.5deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes reward-pop{0%{opacity:0;transform:scale(.7)translateY(20px)}12%,77%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.97)translateY(-20px)}}@keyframes hatch{0%{transform:scale(.4)rotate(-12deg)}65%{transform:scale(1.1)rotate(5deg)}to{transform:scale(1)}}@keyframes fall{0%{opacity:1;top:-20px;rotate:0deg}to{opacity:0;top:105%;rotate:640deg}}@media (width>=1550px){main{padding:38px 48px 0}.hero{height:235px}.hero-copy{padding:34px}.hero-art{width:460px;height:285px}.task-card{padding:22px}.task-title{font-size:14px}.task-meta{font-size:10px}.next-step p{font-size:11px}.hero h2{font-size:36px}.page-heading h1{font-size:28px}}@media (height<=820px) and (width>=901px){.sidebar{padding-top:19px}.brand{padding-bottom:19px}.workspace-switch{margin-bottom:20px}.sidebar nav button{padding-top:10px;padding-bottom:10px}.sidebar-bottom{padding-top:18px}.pet-glow{height:69px}.pet-glow img{width:80px;height:80px}.companion{padding-top:9px}.companion-foot{display:none}.help-button{padding-top:14px;padding-bottom:14px}}@media (width<=1190px){.sidebar{width:198px;padding-left:13px;padding-right:13px}.main-shell{margin-left:198px}.topbar{padding:0 25px}main{padding:26px 25px 0}.hero-art{width:355px;height:234px;right:-15px}.hero-sticker{right:25px}.hero-copy{padding:28px 24px}.hero h2{font-size:28px}.s1{right:293px}.s2{right:304px}.hero{height:205px}.stat{padding:13px 12px}.stat small{font-size:8px}.stats{gap:9px}.task-grid{gap:12px}.task-card{padding:14px 12px}.task-title{font-size:11px}.task-meta{font-size:8px}.next-step{padding:8px}.next-step p{font-size:9px}.search input{width:100px}.view-tabs button{padding-left:7px;padding-right:7px;font-size:10px}.toolbar{gap:6px}.topbar-right{gap:12px}.panel{padding:20px}.donut-wrap{gap:20px}.donut{width:140px;height:140px}.person-name{width:135px}.metric strong{font-size:24px}}@media (width<=980px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-title{font-size:12px}.hero-art{width:300px;height:205px;right:-30px}.hero-copy{padding-left:21px}.hero h2{font-size:25px}.hero p{font-size:10px}.hero-pills button{font-size:9px}.hero-sticker{font-size:8px;right:14px}.s1,.s2{display:none}.stats{gap:8px}.stat{padding:12px 9px}.stat small{font-size:7px}.stat strong{font-size:26px}.toolbar{flex-wrap:wrap;gap:12px}.filters{margin-left:auto}.top-date{display:none}.report-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:repeat(2,1fr)}.team-pulse>strong{min-width:60px;padding-left:10px}.team-pulse{gap:10px}.team-pulse h3{font-size:12px}.login-art{padding:70px 35px 40px}.login-copy h1{font-size:35px}.login-sticker{right:25px}}@media (width<=760px){.sidebar{z-index:80;width:220px;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:79;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#30231977;position:fixed;inset:0}.main-shell{margin:0}.mobile-menu{margin-right:12px;display:inline-flex}.topbar{z-index:35;height:58px;padding:0 17px;position:sticky;top:0}.breadcrumb{gap:7px}.topbar-right{gap:9px}.demo-tag{padding:3px 6px;font-size:8px}main{padding:25px 18px 0}.page-heading{margin-bottom:21px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading>.button{gap:5px;padding:10px 11px;font-size:10px}.hero{height:205px}.hero-art{width:305px;height:205px;right:4px}.hero-copy{padding:29px 22px}.hero h2{font-size:28px}.hero .eyebrow{letter-spacing:1px;font-size:7px}.hero p{font-size:10px}.hero-sticker{right:27px}.stats{gap:8px}.stat{padding:13px 11px}.stat strong{font-size:27px}.stat span{font-size:9px}.stat small{font-size:8px}.task-card{padding:16px}.next-step p{font-size:10px}.list-heading button{font-size:8px}.page-footer{flex-wrap:wrap;gap:5px;font-size:8px}.modal{max-height:calc(100dvh - 28px);padding:24px}.login-page{grid-template-columns:1fr}.login-art{min-height:390px;padding:35px 30px;display:block}.login-copy h1{margin:13px 0;font-size:31px}.login-copy p{font-size:10px}.login-art>img{width:290px;height:190px;position:absolute;bottom:0;right:4px}.login-sticker{font-size:9px;top:185px;right:17px}.login-form{width:360px;max-width:84%;padding:40px 0}.login-form .brand-mark{display:none}}@media (width<=520px){.topbar{padding:0 12px}.topbar-right{gap:5px}.breadcrumb{font-size:9px}.breadcrumb>b,.topbar-right>.avatar{display:none}main{padding:20px 13px 0}.page-heading{align-items:flex-start}.page-heading h1{font-size:21px}.page-heading p{max-width:220px;font-size:9px}.page-heading>.button{min-height:34px;margin-top:14px;padding:8px 9px;font-size:9px}.page-heading .eyebrow{font-size:8px}.hero{border-radius:12px;height:225px;margin-bottom:20px}.hero-copy{padding:20px 17px}.hero h2{margin-top:8px;font-size:26px}.hero p{max-width:175px;font-size:9px}.hero-art{width:230px;height:164px;bottom:-9px;right:-23px}.hero-sticker{padding:3px 7px;font-size:7px;top:16px;right:14px}.hero-pills{flex-direction:column;align-items:flex-start;gap:6px;margin-top:17px}.hero-pills button{padding:5px 8px;font-size:8px}.hero:after{width:260px;height:260px;top:75px;right:-79px}.s3{font-size:17px;top:56px;right:37px}.hero-copy .eyebrow{font-size:6px}.hero-art:hover img{transform:none}.pet-speech{padding:8px 11px;font-size:9px;top:98px;right:15px}.toolbar{gap:10px;padding-bottom:12px}.view-tabs{justify-content:flex-start;gap:8px;width:100%}.view-tabs button{padding:7px 11px;font-size:10px}.filters{gap:7px;width:100%;margin:0}.search{flex:1;min-width:0}.search input{width:100%;min-width:0;font-size:10px}.select-field{min-width:105px}.select-field select{max-width:102px;font-size:9px}.select-field>svg:first-child{display:none}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:17px}.stat{border-radius:9px;padding:11px 7px}.stat span{white-space:nowrap;gap:4px;font-size:8px}.stat span i{width:4px;height:4px}.stat strong{margin-top:7px;font-size:24px}.stat small{display:none}.list-heading{margin:17px 0 12px;font-size:8px}.list-heading button{text-align:right;max-width:165px;font-size:7px;line-height:1.5}.task-grid{grid-template-columns:1fr;gap:16px}.task-card{padding:19px 18px 15px}.task-title{min-height:28px;margin-bottom:10px;font-size:13px}.task-meta{font-size:10px}.card-top{margin-bottom:11px}.status-tag{font-size:9px}.next-step{min-height:62px;padding:8px 11px}.next-step p{font-size:11px}.task-card .progress-label{margin-top:20px;margin-bottom:24px}.progress-label>span{font-size:10px}.task-card .card-action{min-height:38px;font-size:11px}.card-bottom{font-size:10px}.quiet-tag{font-size:9px}.panel{padding:17px 14px}.panel-title h3{font-size:13px}.panel-title p{font-size:9px}.person-bar{gap:8px}.person-name{gap:6px;width:123px;font-size:9px}.person-bar>strong{min-width:29px;font-size:9px}.person-bar>svg{display:none}.stack-track{height:11px}.person-bar .avatar{font-size:8px;width:23px!important;height:23px!important}.legend{gap:12px;font-size:9px}.follow-row{gap:10px}.plain-title{font-size:11px}.follow-meta{gap:6px;font-size:9px}.nudge-button{min-width:60px;font-size:10px}.team-pulse{gap:10px;padding:18px 14px}.team-pulse>svg{width:23px}.team-pulse h3{font-size:11px}.team-pulse p{font-size:8px}.team-pulse>strong:last-child{display:none}.team-pulse small{font-size:7px}.report-metrics{gap:10px}.metric{padding:15px}.metric>span{font-size:10px}.metric strong{font-size:25px}.metric small{font-size:8px}.report-grid{gap:14px}.period{max-width:85px;font-size:9px}.modal{border-radius:16px;padding:23px 18px}.modal-heading h2{font-size:18px}.modal-heading{margin-bottom:20px}.modal-heading .eyebrow{font-size:7px}.form-columns{gap:10px}.form-footer{flex-direction:column;align-items:stretch;gap:14px}.form-footer>span{justify-content:center;font-size:9px}.detail-tags{gap:8px}.detail-tags>span{font-size:9px}.task-description{font-size:11px}.checklist-heading h3{font-size:12px}.checklist-heading small{font-size:8px}.checklist-item{gap:9px;padding:13px 10px;font-size:10px}.checklist-item small{font-size:9px}.detail-actions>.button{flex:1;padding:10px;font-size:10px}.detail-progress{font-size:9px}.modal .comments input{font-size:10px}.daily-quest{gap:6px;padding:12px 9px}.daily-quest b{font-size:9px}.daily-quest small{font-size:7px}.daily-quest>div{gap:6px}.daily-quest>div>svg{width:18px}.daily-quest .button{gap:3px;padding:6px;font-size:8px}.pet-rename .button{padding:10px;font-size:10px}.badges{gap:7px}.toast{gap:7px;padding:10px 12px;font-size:10px;bottom:16px}.reward-card h2{font-size:30px}.page-footer{padding-bottom:22px}.login-art{min-height:370px}.login-copy h1{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti{display:none}}.hero-art{height:210px;bottom:0}.hero-copy{padding-top:28px}.task-title{font-size:14px}.task-meta{font-size:10px}.next-step p{font-size:11px}.page-heading h1,.brand strong{font-weight:800}.trend-panel{margin-bottom:20px}.trend-panel .panel-title{margin-bottom:2px}.trend-panel .panel-title>span{color:#d5c396;font-size:25px}.trend{width:100%;height:auto;max-height:245px;overflow:visible}.trend text{font-family:inherit}.trend-controls{justify-content:space-around;margin-top:-19px;display:flex;position:relative}.trend-controls button{color:#0000;border-radius:6px;width:70px;height:30px;font-size:9px}.trend-controls button:hover,.trend-controls button.selected{background:#e9d9ae45;box-shadow:inset 0 0 0 1px #ddc493}.trend-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.trend-bottom .legend{margin:12px 0 0}.trend-bottom>span{color:#b2a085;padding-top:12px;font-size:9px}.hero-sticker{top:17px}.hero-pills button{font-size:11px}.sidebar nav button{font-size:13px}.workspace-switch>button{font-size:11px}.next-step{min-height:67px}.stat small{font-size:10px}.stat span{font-size:11px}.page-heading p,.hero p{font-size:12px}@media (width>=1550px){.hero-art{height:231px}}@media (width<=980px){.hero-art{height:202px}.task-title{font-size:13px}.stat small{font-size:8px}}@media (width<=760px){.hero-art{height:202px}.stat small{font-size:8px}.trend-bottom{flex-wrap:wrap;gap:0}.trend-bottom>span{padding-top:0}}@media (width<=520px){.hero-art{height:168px;bottom:-5px}.hero p{font-size:10px}.hero-pills button{font-size:9px}.page-heading p{font-size:10px}.stat span{font-size:9px}.task-title{font-size:15px}.task-meta{font-size:11px}.next-step p{font-size:12px}.trend-panel{padding:17px 10px}.trend-controls button{width:35px;font-size:7px}.trend-controls{margin-top:-8px}.trend-bottom .legend,.trend-bottom>span{font-size:8px}}.modal-heading{z-index:5;isolation:isolate;background:#fffefa;padding-bottom:12px;position:sticky;top:0;box-shadow:0 -28px #fffefa}.modal-heading:after{content:"";background:#eee8dc;height:1px;position:absolute;bottom:-1px;left:0;right:0}.storage-warning{color:#9e7040;background:#fff1d5;border:1px solid #deba80;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;font-size:11px;display:flex}.storage-warning>span{flex:1}.storage-warning .button{padding:7px 9px;font-size:10px}@media (width<=520px){.storage-warning{flex-wrap:wrap}.storage-warning>span{min-width:230px}}@media (width<=760px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}.modal-heading>div{flex:1;min-width:0}.modal-heading h2,.task-title,.pet-name,.companion>strong{overflow-wrap:anywhere;word-break:break-word}.modal-heading>.icon-button{flex-shrink:0}.workspace-switch>button{white-space:normal;overflow-wrap:anywhere}.workspace-switch>button>svg{flex-shrink:0}.settings-form input,.pet-rename input{min-width:0}.settings-company-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.company-members .search{width:100%;margin:20px 0}.member-edit{border-top:1px solid #e9dfcc;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:20px 0;display:grid}.member-edit strong,.member-edit small,.archive-row small{display:block}.member-edit small,.archive-row small{color:#97856f;font-size:11px}.member-edit label{min-width:0;font-size:12px}.member-edit select{background:#fffaf1;border:1px solid #ddd1bd;border-radius:8px;width:100%;padding:9px}.member-enabled{align-items:center;gap:8px;display:flex}.archive-row{border-bottom:1px solid #e5dac8;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.archive-row span{overflow-wrap:anywhere;min-width:0}.login-form a{text-decoration:none}.login-form .button{justify-content:center}button:disabled{cursor:not-allowed;opacity:.5}@media (width<=500px){.member-edit{grid-template-columns:1fr}.archive-row{align-items:flex-start}.archive-row button{flex-shrink:0}}.name-unit{color:var(--muted);overflow-wrap:anywhere;font-size:9px;font-weight:400;line-height:1.35;display:block}.person-name>span:last-child{min-width:0}.task-id{flex-shrink:0}