:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#233831;background:#f5f7f6;font-synthesis:none;font-size:14px;line-height:1.6;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button,input{outline-offset:4px}button:focus-visible,input:focus-visible{outline:2px solid #159b79}input{width:100%;border:1px solid #dce3df;border-radius:9px;padding:12px 14px;background:#fff;color:#233831}input::placeholder{color:#98a49e}input:disabled{background:#f3f5f4;color:#7b8982}h1,h2,p{margin:0}label{display:block;font-weight:550;margin:23px 0 8px}.muted{color:#7d8983}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:19px;letter-spacing:-.5px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:1px;font-weight:400;color:#91aaa2}.brand-mark{display:block;width:44px;height:44px;flex:none;object-fit:contain;background:#fff;border-radius:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-weight:550;padding:11px 19px;white-space:nowrap}.primary{background:#205c49;color:#fff;box-shadow:0 2px 3px #153d3612}.primary:hover:not(:disabled){background:#174936}.secondary{background:#fff;border:1px solid #dce3df;padding:8px 13px}.secondary:hover:not(:disabled){background:#f2f6f3}.text-button{color:#397360}.error{color:#b9473c;background:#fff1ee;border-radius:7px;padding:10px 12px;margin-top:15px;font-size:13px}.success{color:#367d5d;margin-top:15px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:650;color:#78928a;margin-bottom:11px}.login-page{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:112px 24px 64px;background:radial-gradient(ellipse at 15% 75%,#a6cbbd 0,transparent 47%),radial-gradient(ellipse at 82% 20%,#c8dcc0 0,transparent 42%),radial-gradient(ellipse at 73% 90%,#d2e4df 0,transparent 45%),#edf2ed;position:relative;isolation:isolate}.login-brand{position:absolute;z-index:1;left:36px;top:28px;font-size:23px;gap:12px;color:#203e33;letter-spacing:1px}.login-brand .brand-mark{width:46px;height:46px;background:transparent}.login-panel{position:relative;z-index:1;width:460px;max-width:100%;padding:46px 44px 30px;border:1px solid #ffffffbd;border-radius:24px;background:#fffffff0;box-shadow:0 24px 80px #1e483514;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-form{width:100%}.login-form h1{font-size:30px;font-weight:600;letter-spacing:1px;margin-bottom:8px}.login-form>.muted{font-size:13px;margin-bottom:31px}.login-form label{font-size:13px;margin:22px 0 9px}.phone-input,.code-input{display:flex;align-items:center;border:1px solid #dce3df;border-radius:9px;background:#fff;overflow:hidden}.phone-input>span{padding:0 15px;border-right:1px solid #e5eae7;color:#7e8b84}.phone-input input,.code-input input{border:none;border-radius:0;min-width:0;padding-block:14px}.phone-input input:focus-visible,.code-input input:focus-visible{outline:none}.phone-input:focus-within,.code-input:focus-within{border-color:#779b88;box-shadow:0 0 0 3px #205c490a}.code-input button{color:#367b5c;padding:0 14px;white-space:nowrap;font-size:12px}.login-submit{width:100%;margin-top:28px;padding:13px;font-size:14px}.login-note{text-align:center;color:#8b9790;font-size:12px;margin-top:23px}.workspace{display:flex;min-height:100vh;background:#f0f5f2}.sidebar{width:240px;flex:none;background:#f0f5f2;color:#233e33;padding:26px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar .brand{font-size:21px;gap:11px;padding-left:8px}.sidebar .brand small{font-size:10px;letter-spacing:1px;color:#84978b}.sidebar .brand-mark{background:transparent}.sidebar .brand-mark{width:38px;height:38px;border-radius:11px}.nav-label{font-size:11px;color:#92a297;letter-spacing:1px;margin:48px 15px 15px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 16px;width:100%;border-radius:11px;text-align:left;font-size:15px}.nav-item.selected{background:#dbe9df;color:#256449}.nav-icon{width:22px;height:22px;flex:none}.nav-item>span:first-child{font-size:20px;line-height:1}.nav-arrow{margin-left:auto;color:#769c86}.sidebar-bottom{margin-top:auto;border-top:1px solid #dfe8e1;padding:22px 12px 0;font-size:11px;color:#72897b}.sidebar-bottom small{display:block;padding-left:15px;color:#769686;font-size:10px;margin-top:7px}.status-dot{display:inline-block;width:5px;height:5px;background:#6f9f82;border-radius:50%;margin-right:9px}.workspace-main{margin-left:240px;min-width:0;width:calc(100% - 240px);display:flex;flex-direction:column}.topbar{height:85px;background:transparent;border-bottom:0;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:12px}.topbar strong{font-weight:500}.breadcrumb{padding:0 16px;color:#bac4bd}.user-menu{display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:11px;background:#edf1ec;color:#728074;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none}.avatar.admin,.user-menu>.avatar{background:#e8eee2;color:#557b50}.user-menu>span:not(.avatar){font-size:12px}.user-menu small{display:block;color:#929d96;font-size:10px}.logout{margin-left:17px;border-left:1px solid #e8ece9;padding-left:21px;color:#7b8981}.content{padding:42px;max-width:none;width:100%;margin:0;flex:1;background:#fff;border-radius:28px 0 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font-size:30px;font-weight:550;letter-spacing:-.7px;margin-bottom:8px}.page-heading .muted{font-size:12px}.info-banner{display:flex;align-items:flex-start;gap:14px;background:#f3f7f3;border:1px solid #edf2ec;border-radius:14px;padding:22px 24px;margin-bottom:27px}.info-symbol{border:1px solid #71957a;border-radius:50%;width:16px;height:16px;text-align:center;line-height:15px;font-size:11px;color:#5c8064;margin-top:3px;flex:none}.info-banner strong{font-size:12px;font-weight:550;color:#47624b}.info-banner p{font-size:11px;color:#7d8e7e;margin-top:4px}.members-panel{background:#fff;border:1px solid #e3e9e5;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px #203b2b03}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.table-title{font-size:15px;font-weight:600;white-space:nowrap}.table-title>span{background:#f0f3f0;color:#849385;font-size:11px;border-radius:6px;padding:3px 7px;margin-left:7px}.search-form{display:flex;gap:8px}.search-form input{font-size:12px;width:220px;padding:8px 12px}.search-form button{font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f9faf9;color:#8c9890;font-size:11px;font-weight:500;padding:13px 22px;border-block:1px solid #edf0ed}td{padding:21px 22px;border-bottom:1px solid #f0f3f0;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfb}.member-name{display:flex;gap:11px;align-items:center}.member-name strong{font-size:12px;font-weight:550}.self-label{font-size:9px;color:#91a08f;display:block;margin-top:2px}.phone-text{font-variant-numeric:tabular-nums;letter-spacing:.4px;color:#617168}.role-badge{display:inline-flex;border-radius:5px;padding:3px 8px;font-size:10px;background:#f1f3f1;color:#7a897e}.role-badge.admin{color:#618356;background:#edf3e7}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#547b64}.status-badge i{width:5px;height:5px;background:#6d9e7c;border-radius:50%}.status-badge.disabled{color:#9e9587}.status-badge.disabled i{background:#b8ab94}.row-actions{white-space:nowrap}.row-actions button{font-size:11px;padding:4px 8px;color:#577d66}.row-actions button:first-child{padding-left:0}.row-actions .danger-text{color:#b28b7e}.table-footer{border-top:1px solid #edf0ed;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#95a095}.table-footer>div{display:flex;align-items:center;gap:14px}.table-footer button{font-size:11px;padding:5px 10px}.page-footnote{font-size:10px;color:#a1aba2;margin-top:20px}.workspace-footer{background:#fff;display:flex;justify-content:space-between;padding:22px 42px;color:#a7b0a8;font-size:10px}.toast{border:1px solid #dce9db;border-radius:9px;background:#f1f8ed;color:#57805b;padding:11px 16px;margin-bottom:20px;font-size:12px;display:flex;justify-content:space-between}.toast button{font-size:18px;line-height:1}.empty-state{text-align:center;padding:68px 20px;color:#738779}.empty-state small{display:block;margin-top:7px;color:#9daaa0;font-size:11px}.table-message{margin:0 24px 16px}.loading-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#7e9285}.member-welcome{background:#fff;border:1px solid #e3e9e5;border-radius:12px;text-align:center;padding:75px 25px}.welcome-check{background:#edf5e6;color:#6a965b;border-radius:50%;width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;font-size:25px}.member-welcome h2{font-size:21px;margin:20px 0 13px}.member-welcome p{font-size:13px;line-height:1.9}.member-welcome>div{margin-top:25px;color:#829487;font-size:12px}.member-welcome .role-badge{margin-left:10px}.dialog-overlay{background:#0d241b70;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:21;background:#fff;border-radius:16px;width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow:auto;padding:30px;box-shadow:0 20px 80px #10291b30}.dialog-title{font-size:21px;font-weight:600;margin:0 0 9px}.dialog-description{font-size:12px;line-height:1.8;margin-right:18px}.dialog-close{position:absolute;right:18px;top:17px;font-size:24px;color:#98a39b}.dialog-content label,.dialog-content legend{font-size:12px}.dialog-content input{font-size:13px}.required{color:#b26958}.dialog-content fieldset{border:0;padding:0;margin:23px 0 0}.dialog-content legend{font-weight:550;margin-bottom:10px}.role-option{border:1px solid #e4e9e5;border-radius:9px;display:flex;align-items:center;gap:12px;padding:13px;margin:9px 0}.role-option.chosen{border-color:#6b9578;background:#f6f9f3}.role-option input{width:auto;accent-color:#386e51}.role-option strong{font-weight:550}.role-option small{display:block;font-size:11px;font-weight:400;color:#92a092;margin-top:3px}.dialog-actions{margin-top:28px;display:flex;justify-content:flex-end;gap:10px}.dialog-actions button{font-size:12px}.confirm-description{line-height:2;color:#849087;font-size:13px;margin-top:17px}.destructive{background:#a45c4a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;background-image:radial-gradient(#48795e20 .8px,transparent .8px);background-size:28px 28px;-webkit-mask-image:linear-gradient(135deg,transparent 2%,#000 35%,#000 75%,transparent);mask-image:linear-gradient(135deg,transparent 2%,#000 35%,#000 75%,transparent)}.atmosphere-orbit{position:absolute;width:780px;height:780px;border:1px solid #ffffff70;border-radius:50%;box-shadow:0 0 0 60px #ffffff12,0 0 0 120px #ffffff0b}.orbit-one{left:-280px;bottom:-520px}.orbit-two{right:-430px;top:-460px;width:1000px;height:1000px;border-color:#4f7f6020;box-shadow:0 0 0 70px #4f7f6005,0 0 0 140px #ffffff10}.receipt-shape{position:absolute;width:190px;height:245px;padding:44px 30px;background:linear-gradient(150deg,#ffffff75,#ffffff15);border:1px solid #ffffffb0;border-radius:22px;box-shadow:0 20px 50px #386b4310;transform:rotate(-16deg)}.receipt-left{left:12%;top:30%}.receipt-right{right:10%;bottom:18%;transform:rotate(17deg);width:155px;height:205px;padding:35px 25px}.receipt-shape i{display:block;height:7px;background:#65947c28;border-radius:4px;margin-bottom:17px}.receipt-shape i:nth-child(2){width:70%}.receipt-shape i:nth-child(3){width:85%}.receipt-shape b{display:block;margin-top:37px;border-top:1px dashed #65947c50;height:25px;border-bottom:5px solid #65947c25;width:60%}.atmosphere-dot{position:absolute;border:1px solid #ffffffa0;border-radius:50%;background:#ffffff28;box-shadow:0 6px 18px #386b4306}.dot-one{width:40px;height:40px;left:27%;bottom:18%}.dot-two{width:20px;height:20px;right:24%;top:23%}@media(max-width:1100px){.receipt-left{left:3%;opacity:.7}.receipt-right{right:2%;opacity:.7}}@media(max-width:1100px){.sidebar{width:210px;padding-inline:16px}.workspace-main{margin-left:210px;width:calc(100% - 210px)}.content{padding:30px 24px}.topbar{padding:0 24px}td,th{padding-inline:15px}.date-cell,.actions-heading{min-width:110px}}@media(max-width:760px){.login-page{padding:110px 20px 45px}.receipt-shape{display:none}.orbit-one{left:-500px}.orbit-two{right:-750px}.login-brand{top:25px;left:25px;font-size:21px}.login-panel{padding:34px 25px 26px;border-radius:20px}.login-form h1{font-size:27px}.sidebar{width:72px;padding:25px 16px}.sidebar .brand{padding-left:0}.sidebar .brand>span:last-child,.nav-label,.sidebar-bottom{display:none}.nav-item{font-size:0;padding:15px 10px;margin-top:35px}.nav-arrow{display:none}.workspace-main{margin-left:72px;width:calc(100% - 72px)}.topbar{height:75px;padding:0 18px}.topbar>div:first-child{display:none}.user-menu{margin-left:auto}.content{padding:27px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading .primary{padding:9px 11px;font-size:11px}.table-toolbar{flex-wrap:wrap;padding:17px}.search-form,.search-form input{width:100%}.table-footer{gap:15px;padding:16px;flex-wrap:wrap}.workspace-footer{padding:20px 16px}.workspace-footer>span{display:none}.info-banner{padding:13px}.page-heading .muted{font-size:11px;max-width:230px}.dialog-content{padding:25px}}