:root{font-family:-apple-system,BlinkMacSystemFont,Inter,ui-sans-serif,system-ui,sans-serif;color:#18333f;background:#f4f7f7;font-synthesis:none}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.startup{min-height:90vh;display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:800}.spinner{height:16px;width:16px;border-radius:50%;border:2px solid #aec6c8;border-top-color:#138e8a;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{min-height:100dvh;max-width:770px;margin:auto;padding-bottom:104px}.demo-banner{background:#e9e3ce;color:#645326;text-align:center;padding:8px 16px;font-size:11px;font-weight:800;letter-spacing:.08em}.header{position:relative;z-index:20;background:#f4f7f7e8;backdrop-filter:blur(13px);border-bottom:1px solid #e0e9e8;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;min-height:78px}.brand{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#218c86;font-weight:900}.header h1{font-size:23px;line-height:1.13;margin:4px 0 0;letter-spacing:-.04em}.hdr-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.role{font-size:11px;font-weight:750;background:#e0f1ed;color:#176962;padding:3px 8px;border-radius:20px}.sync{font-size:10px;color:#628188}.main{padding:18px 15px}.intro{margin-bottom:17px}.intro h2{margin:0;font-size:26px;letter-spacing:-.05em}.sub{color:#70838b;font-size:13px;margin:5px 0 0;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:17px 0}.stat{background:white;border:1px solid #e1eae9;border-radius:15px;padding:16px}.stat strong{font-size:32px;line-height:1;font-weight:850;display:block;margin:10px 0 4px;letter-spacing:-.04em}.stat .sm{font-size:11px;color:#71858c;font-weight:750}.stat .icon{font-size:20px}.card{background:white;border:1px solid #dde8e6;border-radius:17px;padding:15px;margin-bottom:12px;box-shadow:0 2px 8px #1b373e05}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card h3{font-size:15px;letter-spacing:-.02em;margin:0}.muted{color:#70838b;font-size:12px;line-height:1.45}.hstack{display:flex;align-items:center;gap:10px}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.stack{display:grid;gap:10px}.divider{border-top:1px solid #edf1f1;margin:12px 0}.pill{font-size:10px;font-weight:800;border-radius:18px;padding:4px 8px;white-space:nowrap;background:#eaf1f1;color:#496b76}.pill.urgent,.pill.high{background:#ffede7;color:#bc573f}.pill.completed,.pill.received{background:#e2f4e9;color:#287b5a}.pill.in_progress{background:#dff1f5;color:#167c94}.pill.assigned{background:#eee9fa;color:#7454a5}.pill.open,.pill.partial{background:#f5edcf;color:#826c27}.btn{background:#173b49;color:white;border:0;padding:12px 15px;border-radius:11px;font-size:13px;font-weight:750;min-height:44px}.btn.secondary{background:#e8f0f0;color:#224e57}.btn.outline{background:white;color:#28525d;border:1px solid #bcd0d2}.btn.danger{background:#b84443}.btn.small{min-height:36px;padding:8px 11px;font-size:12px}.btn.wide{width:100%}.btnrow{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750}.field input,.field select,.field textarea,.search{background:white;width:100%;border:1px solid #c9d9d9;padding:12px;font-size:16px;min-height:48px;border-radius:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:#179a91;box-shadow:0 0 0 3px #baf0e633}.form-grid{display:grid;gap:12px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;max-width:770px;margin:auto;background:#fffefa;border-top:1px solid #dce6e4;display:flex;justify-content:space-around;padding-bottom:max(8px,env(safe-area-inset-bottom))}.nav-btn{border:0;background:transparent;color:#71868b;flex:1;min-height:63px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.nav-btn .ni{font-size:21px}.nav-btn.active{color:#187d77}.empty{padding:30px;text-align:center;color:#729098}.product{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px}.pimage{height:48px;width:48px;border-radius:12px;display:grid;place-items:center;background:#e9f3f0;font-size:24px}.product .name{font-size:14px;font-weight:800}.product .detail{font-size:11px;color:#7b8e93;margin-top:2px}.item-btn{padding:4px 0;border:0;background:transparent;width:100%;text-align:left}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-title h3{margin:0;font-size:16px;letter-spacing:-.02em}.task-top{display:flex;gap:9px;justify-content:space-between;align-items:center}.task-title{font-size:14px;font-weight:820}.task-sub{color:#70838b;font-size:11px;margin-top:4px}.metrics{display:flex;gap:18px;margin:12px 0}.metric strong{display:block;font-size:21px}.metric small{font-size:11px;color:#799097}.auth-screen{min-height:100dvh;background:linear-gradient(160deg,#133344 0%,#13464c 42%,#f3f7f7 42%);padding:52px 18px 30px}.auth-box{max-width:420px;margin:0 auto}.auth-logo{color:#fff;font-size:11px;font-weight:800;letter-spacing:.25em}.auth-title{font-size:42px;line-height:1.05;color:white;margin:16px 0 24px;letter-spacing:-.05em}.auth-card{background:white;border-radius:20px;padding:22px;box-shadow:0 18px 60px #133a4733}.auth-card h3{margin:0 0 6px;font-size:19px}.auth-card p{font-size:13px;color:#6b858e;margin:0 0 20px;line-height:1.5}.link{color:#117e75;text-decoration:none;font-weight:800;border:0;background:transparent;padding:4px}.flex-grow{flex:1}.list{display:grid;gap:10px}.banner{border-radius:12px;padding:10px 13px;margin-bottom:14px;font-size:12px;background:#e6f3f1;color:#28645f}.warning{background:#fff0d6;color:#8a631b}.error{background:#ffeded;color:#9c4040}.version{text-align:center;color:#809398;font-size:10px;margin:18px}.modal-wrap{position:fixed;inset:0;background:#152f3cb5;z-index:100;display:grid;place-items:end center;padding:10px}.modal{width:min(100%,600px);max-height:90dvh;overflow:auto;background:white;border-radius:20px;padding:18px 18px 26px}.modal h3{margin:0 0 12px}#toast{position:fixed;z-index:999;left:50%;bottom:95px;transform:translateX(-50%);background:#173f47;color:white;border-radius:11px;padding:11px 15px;font-weight:700;display:none;white-space:normal;text-align:center;max-width:90vw;font-size:12px;box-shadow:0 6px 26px #0003}.searchbar{display:flex;gap:7px;margin:10px 0}.searchbar button{flex:0 0 48px}.filters{display:flex;overflow-x:auto;gap:6px;padding:6px 0 12px;scrollbar-width:none}.filters button{padding:8px 12px;border-radius:17px;border:1px solid #dce8e7;background:#fff;color:#59757b;white-space:nowrap;font-size:12px;font-weight:700}.filters button.active{color:#fff;background:#173b49}.auth-note{font-size:11px!important;color:#986e3d!important;margin:14px 0 0!important}.smalltext{font-size:12px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{font-size:11px;color:#647e83}.kpi strong{display:block;color:#183b4c;font-size:18px;margin:3px 0}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{text-align:left;padding:9px 5px;border-bottom:1px solid #e7eeed}.table th{color:#789098;font-size:11px}.table select{border:1px solid #cfdbda;border-radius:8px;background:#fff;padding:7px;max-width:115px}.toggle{float:right;font-size:11px}.a11y-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:620px){.stats{grid-template-columns:repeat(4,1fr)}.main{padding:22px 25px}.header{padding:18px 25px}.modal-wrap{place-items:center}.auth-screen{padding-top:90px}}

/* v0.5.0: header scrolls normally instead of following the page; compact account menu. */
.header-profile{display:flex;align-items:center;gap:8px}.hdr-right{position:relative}.menu-dots{border:1px solid #d8e5e3;background:#fff;color:#274b54;border-radius:11px;font-size:24px;line-height:1;min-width:37px;min-height:37px;padding:3px 7px;display:grid;place-items:center}
.account-menu{position:absolute;top:54px;right:0;background:#fff;border:1px solid #dce9e7;box-shadow:0 8px 30px #1a39412a;border-radius:13px;padding:6px;width:205px;z-index:27;display:grid;gap:2px;text-align:left}
.account-menu button{border:0;background:#fff;text-align:left;padding:11px 12px;color:#294954;font-size:13px;font-weight:700;border-radius:8px}.account-menu button:active{background:#eaf3f1}
.account-profile{display:flex;gap:13px;align-items:center}.account-avatar{height:55px;width:55px;border-radius:17px;background:#e0f0ed;color:#126e69;display:grid;place-items:center;font-size:24px;font-weight:800}.account-profile h3{margin-bottom:4px}.account-profile .role{display:inline-block;margin-top:7px}
.account-actions{display:grid}.account-action{border:0;border-top:1px solid #edf1f1;display:flex;align-items:center;gap:11px;background:#fff;text-align:left;min-height:62px;color:#27515c;padding:10px 1px;font-size:18px}.account-action:first-child{border-top:0}.account-action span{flex:1;display:grid;gap:3px}.account-action strong{font-size:13px;color:#1d414b}.account-action small{color:#729098;font-size:11px}.account-action b{font-size:22px;font-weight:500;color:#9ab2b5}
.team-list{display:grid;gap:5px}.teammate-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #edf2f1}.team-avatar{width:35px;height:35px;border-radius:11px;background:#e8f4f1;color:#147c74;display:grid;place-items:center;font-weight:800}.teammate-name{flex:1;display:grid;gap:3px;min-width:0}.teammate-name strong{font-size:13px}.teammate-name small{font-size:10px;color:#718a91;overflow:hidden;text-overflow:ellipsis}.team-role select{font-size:12px;border:1px solid #cfe0dd;padding:7px 3px;border-radius:8px;background:#fff;max-width:110px}