*{box-sizing:border-box}body{margin:0;background:#f1f5f2;color:#213a31;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}.portal-shell{max-width:900px;margin:auto;min-height:100dvh;padding-bottom:100px}.portal-shell button,.portal-shell input,.portal-shell select{font:inherit}.portal-shell button{cursor:pointer}.portal-shell button:disabled{opacity:.5;cursor:default}.portal-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:25px;color:#166d52}.portal-brand>span{font-size:16px;letter-spacing:1px}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;background:#fff}.portal-avatar{border:0;border-radius:50%;width:38px;height:38px;background:#e6f0e9;color:#176d52}.portal-welcome{padding:28px 24px;background:#166d52;color:#fff}.portal-welcome p{margin:0 0 12px;font-size:13px;opacity:.8}.portal-welcome h1{margin:0 0 12px;font-size:28px;letter-spacing:1px}.portal-welcome span{font-size:13px;opacity:.7}.portal-content{padding:22px 20px}.portal-category{display:flex;gap:8px;margin-bottom:18px}.portal-category button{border:0;border-radius:9px;background:#fff;flex:1;padding:11px 4px;color:#6f8379;font-size:13px}.portal-category button.selected{background:#d7eadd;color:#176d52;font-weight:700}.portal-filters{display:flex;flex-wrap:wrap;gap:8px}.portal-filters select{flex:1;min-width:100px;width:0;border:1px solid #dae5dc;border-radius:8px;background:#fff;padding:10px 4px;font-size:12px;color:#455e51}.portal-search{display:flex;margin-top:12px;background:#fff;border:1px solid #dae5dc;border-radius:8px;overflow:hidden}.portal-search input{border:0;padding:12px;min-width:0;flex:1;font-size:13px;outline:none}.portal-search button{border:0;background:#e8f2ec;color:#216e53;padding:0 16px;font-size:13px}.portal-list-heading{display:flex;justify-content:space-between;margin:22px 0 14px;font-size:12px;color:#7a8a81}.portal-list-heading button{background:none;border:0;color:#166d52;font-size:12px}.portal-records{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr))}.portal-record{display:block;width:100%;text-align:left;border:1px solid #e0e8e2;border-radius:16px;background:#fff;padding:18px;color:#294638}.portal-record-top{display:flex;justify-content:space-between;align-items:center}.portal-category-tag{display:inline-block;background:#eff4ef;color:#4f725d;padding:5px 10px;font-size:11px;border-radius:6px}.portal-status{font-size:12px;color:#b88431}.portal-status.submitted{color:#267b57}.portal-status.exception,.portal-status.returned{color:#b65e43}.portal-record h2{font-size:18px;margin:18px 0 5px;overflow-wrap:anywhere;display:flex;justify-content:space-between;gap:10px}.portal-record h2 span{font-size:20px;color:#bdccc2}.portal-record p{font-size:12px;color:#73877a;margin:9px 0}.portal-record .portal-passport{font-family:monospace;font-size:15px;letter-spacing:1px}.portal-record-bottom{border-top:1px solid #edf0ee;padding-top:15px;margin-top:17px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.portal-record-bottom>span{color:#97a79d;font-size:10px}.portal-record-bottom b{font-size:12px;font-weight:500;color:#a18762}.portal-record-bottom b.paid{color:#287856}.portal-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:row;width:min(100%,900px);background:#fff;border-top:1px solid #e2e9e3;padding:10px 10px max(10px,env(safe-area-inset-bottom));z-index:10}.portal-nav button{border:0;flex:1;background:none;color:#91a096;font-size:22px}.portal-nav button span{display:block;font-size:11px;margin-top:3px}.portal-nav button.active{color:#146d52;font-weight:700}.portal-empty{text-align:center;padding:30px 0;color:#84988b;font-size:14px}.portal-panel{background:#fff;padding:22px;border-radius:14px;margin-bottom:18px}.portal-panel h2{font-size:20px;margin:0 0 12px}.portal-panel p{font-size:13px;color:#6e8376;line-height:1.7}.portal-panel h3{font-size:15px}.portal-password{display:grid;gap:14px}.portal-password input,.portal-login input{display:block;width:100%;border:1px solid #dce6de;background:#f9fbf9;border-radius:10px;padding:14px;font-size:14px;color:#263f30}.portal-primary{border:0;border-radius:10px;background:#166d52;color:#fff;padding:14px;font-weight:700}.portal-logout{width:100%;border:1px solid #dae5dd;border-radius:10px;padding:15px;background:#fff;color:#8e6655}.portal-error{color:#ae533e;background:#fff2ec;padding:12px;border-radius:8px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.portal-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0;font-size:13px}.portal-pagination button{border:1px solid #dce7df;border-radius:8px;background:#fff;color:#36715a;padding:10px}.portal-login{max-width:480px;margin:auto;padding:38px 24px}.portal-login>.portal-brand{margin-bottom:52px}.portal-eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:#789b86}.portal-login h1{font-size:36px;line-height:1.4;letter-spacing:1px;margin:16px 0}.portal-intro{font-size:13px;color:#7e9485;line-height:1.8}.portal-login-form{background:#fff;padding:25px;border-radius:20px;margin-top:30px;box-shadow:0 10px 40px #16432808}.portal-login-form h2{font-size:18px;margin:0 0 24px}.portal-login-form label{display:block;font-size:12px;color:#6b8174;margin-top:18px}.portal-login-form input{margin-top:8px}.portal-login-form button{width:100%;margin-top:24px}.portal-login-form>p{text-align:center;font-size:11px;color:#9aa99e;margin:18px 0 0}.portal-version{display:block;text-align:center;color:#a0afa5;font-size:10px;margin-top:28px}.portal-detail{color:#294638}.portal-detail>p{color:#7a9081;font-size:13px}.portal-detail-status{display:flex;justify-content:space-between;padding:14px;background:#edf6ef;border-radius:10px;font-size:13px}.portal-detail dl{display:grid;grid-template-columns:105px 1fr;gap:18px 10px;padding:12px 0;font-size:14px}.portal-detail dt{color:#8b9d90}.portal-detail dd{margin:0;overflow-wrap:anywhere}.portal-document{width:100%;max-height:500px;background:#eef3ef;border-radius:12px}.portal-image-button{width:100%;border:1px solid #cddfd2;background:#f0f7f2;color:#277551;border-radius:9px;padding:12px}.portal-payment-total{margin-top:24px;border-radius:12px;background:#176d52;color:#fff;padding:20px;display:grid;gap:10px}.portal-payment-total span,.portal-payment-total small{font-size:12px;opacity:.75}.portal-payment-total b{font-size:28px}.portal-payment-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e5ece7;font-size:13px}.portal-payment-row small{display:block;margin-top:7px;color:#97a89d}.portal-payment-row>span{color:#648574}.portal-detail h3{font-size:16px;margin-top:24px}