:root{--ink:#17221e;--muted:#71807a;--green:#167c5b;--deep:#0b5c43;--soft:#edf7f2;--line:#e3ebe7;--danger:#c85545;--amber:#b87a1d}*{box-sizing:border-box}html{background:#edf2ef}body{margin:0;color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 5%,#d9f1e7 0,transparent 34%),linear-gradient(155deg,#f6fbf8,#e9f2ed)}.login-card{width:min(420px,100%);padding:34px 25px 27px;border:1px solid #dbe8e1;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(27,69,53,.13)}.login-card>img{width:72px;height:72px;border-radius:20px;box-shadow:0 10px 26px rgba(11,92,67,.2)}.eyebrow{margin:16px 0 4px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.04em}.login-card h1{margin:0;font-size:28px}.subcopy{margin:8px 0 24px;color:var(--muted);font-size:13px}.login-card>small{display:block;margin-top:16px;color:#87938e;font-size:10px;line-height:1.6}.form-stack,.form-grid{display:grid;gap:13px}.form-stack label,.form-grid label{display:grid;gap:6px;color:#52625c;font-size:11px;font-weight:700}.form-stack input,.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:12px 13px;border:1px solid #dbe5e0;border-radius:12px;outline:0;background:#fff;color:var(--ink);font-size:13px;font-weight:400}.form-grid textarea{min-height:90px;resize:vertical}.form-stack input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#379675;box-shadow:0 0 0 3px #e1f2eb}.primary{padding:13px;border:0;border-radius:13px;background:var(--green);color:white;font-weight:800;box-shadow:0 9px 20px rgba(22,124,91,.2)}.primary:disabled{opacity:.55}.app-shell{min-height:100vh;max-width:520px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 17px calc(102px + env(safe-area-inset-bottom));background:#f9fbfa;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.topbar .eyebrow{margin:0 0 4px;color:var(--muted);font-weight:400}.topbar h1{margin:0;font-size:23px}.avatar{width:43px;height:43px;border:0;border-radius:15px;background:#d9eee5;color:var(--green);font-weight:800}.page{display:none}.page.active{display:block}.hero{padding:20px;border-radius:24px;background:linear-gradient(140deg,#0b5c43,#168b65);color:#fff;box-shadow:0 16px 34px rgba(13,104,76,.2)}.hero-top{display:flex;justify-content:space-between;align-items:flex-start}.hero p{margin:0;color:#cce9df;font-size:11px}.hero strong{display:block;margin-top:5px;font-size:27px}.role-badge{padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.14);font-size:10px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.15)}.hero-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.13)}.hero-grid div:last-child{border:0}.hero-grid b{display:block;font-size:18px}.hero-grid small{color:#cce9df;font-size:9px}.checkin{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:13px 14px;border:1px solid #d9e8e1;border-radius:16px;background:white;text-align:left}.checkin span{display:grid;gap:3px}.checkin b{font-size:12px}.checkin small{color:var(--muted);font-size:9px}.checkin em{padding:7px 10px;border-radius:9px;background:var(--soft);color:var(--green);font-style:normal;font-size:10px;font-weight:800}.section{margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.section-head h2{margin:0;font-size:16px}.section-head button{border:0;background:transparent;color:var(--green);font-size:11px}.cards{display:grid;gap:10px}.card{padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.customer-card{border-left:4px solid #63b797}.customer-card.tier-A{border-left-color:#159e6f}.customer-card.tier-B{border-left-color:#e0a53b}.customer-card.tier-C{border-left-color:#6c9ad3}.customer-card.tier-D{border-left-color:#aaa}.row{display:flex;align-items:center;gap:10px}.person{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:13px;background:var(--soft);color:var(--green);font-weight:800}.grow{min-width:0;flex:1}.grow h3{margin:0;font-size:14px}.grow p{margin:4px 0 0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tag{padding:3px 7px;border-radius:7px;background:#e9f6f0;color:var(--green);font-size:9px;font-weight:800}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #edf2ef}.actions span{color:var(--muted);font-size:9px}.actions button,.mini-button{padding:7px 11px;border:0;border-radius:9px;background:#173f33;color:#fff;font-size:10px;font-weight:700}.mini-button.secondary{background:#eaf5f0;color:var(--green)}.search{display:flex;gap:9px}.search input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:14px;outline:0;background:white}.summary{margin:14px 2px 9px;color:var(--muted);font-size:10px}.empty{padding:38px 16px;border:1px dashed #d7e2dd;border-radius:17px;color:var(--muted);text-align:center;font-size:11px}.news-card h3{margin:0 0 5px;font-size:14px}.news-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.news-meta{display:flex;gap:7px;align-items:center;margin-top:10px;color:#81908a;font-size:9px}.news-meta .pinned{color:var(--amber)}.member-card{display:flex;align-items:center;gap:11px}.member-card .member-copy{flex:1}.member-card h3{margin:0 0 4px;font-size:13px}.member-card p{margin:0;color:var(--muted);font-size:9px}.member-card .status{font-size:9px}.status.active{color:var(--green)}.status.disabled{color:var(--danger)}.toolbar{display:flex;gap:8px;margin-bottom:13px}.toolbar button{flex:1;padding:10px;border:1px solid var(--line);border-radius:11px;background:white;color:#51635c;font-size:10px;font-weight:700}.toolbar button.primary-lite{border-color:#cce4da;background:#eaf6f1;color:var(--green)}.floating-action{position:fixed;z-index:4;left:50%;bottom:48px;width:54px;height:54px;transform:translateX(-50%);border:5px solid #f9fbfa;border-radius:18px;background:var(--green);color:white;box-shadow:0 8px 19px rgba(22,124,91,.3);font-size:28px}.bottom-nav{position:fixed;z-index:3;left:50%;bottom:0;width:min(520px,100%);height:calc(76px + env(safe-area-inset-bottom));padding:9px 12px calc(8px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e4ebe7;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.bottom-nav button{border:0;background:transparent;color:#8a9691;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px}.bottom-nav b{font-size:19px;font-weight:400}.bottom-nav .active{color:var(--green);font-weight:800}.bottom-nav .nav-gap{justify-content:flex-end}.modal-backdrop{position:fixed;z-index:20;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-top:40px;background:rgba(12,25,20,.52);backdrop-filter:blur(3px)}.modal{width:min(520px,100%);max-height:92vh;padding:10px 20px 27px;overflow:auto;border-radius:27px 27px 0 0;background:#fbfdfc;box-shadow:0 -18px 50px rgba(0,0,0,.15)}.handle{width:40px;height:4px;margin:0 auto 17px;border-radius:4px;background:#d5ddda}.modal header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.modal h2{margin:0 0 4px;font-size:19px}.modal header p{margin:0;color:var(--muted);font-size:10px}.close{width:31px;height:31px;border:0;border-radius:10px;background:#edf1ef;color:#64736e;font-size:20px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}.form-note{padding:11px;border-radius:11px;background:#fff5dc;color:#826526;font-size:10px;line-height:1.55}.profile-list{display:grid;gap:9px}.profile-list div{display:flex;justify-content:space-between;padding:11px;border-radius:11px;background:#f0f5f2;font-size:11px}.profile-list span{color:var(--muted)}.danger-button{width:100%;margin-top:16px;padding:11px;border:1px solid #f0cbc5;border-radius:11px;background:#fff4f2;color:var(--danger);font-weight:700}.toast{position:fixed;z-index:50;left:50%;bottom:92px;max-width:calc(100% - 34px);padding:11px 15px;transform:translate(-50%,15px);border-radius:12px;background:#163c31;color:white;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.error{color:var(--danger)}@media(min-width:700px){.app-shell{margin-top:22px;min-height:calc(100vh - 22px);border-radius:30px 30px 0 0;box-shadow:0 0 0 1px #dfe8e3,0 25px 70px rgba(22,38,31,.12)}.login-card{padding:40px 34px}}