.portal{background:#f5f7f4;min-height:100vh}.portal-head{background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 6%;display:flex}.portal-head>div{align-items:center;gap:14px;display:flex}.icon{color:#54695e;background:#f4f6f3;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.avatar{color:#6d3825;background:#e9d5c8;border-radius:50%;place-items:center;width:37px;height:37px;font-size:13px;font-weight:700;display:grid}.admin-avatar{color:#0b3477;background:#dbe7ff}.portal-body{grid-template-columns:220px 1fr;min-height:calc(100vh - 76px);display:grid}.side{background:#fff;border-right:1px solid #e4e9e4;padding:30px 18px}.side p{color:#7b8b81;letter-spacing:1px;margin:0 12px 14px;font-size:11px;font-weight:700}.side a{color:#5a7064;border-radius:7px;margin:3px 0;padding:11px 12px;font-size:14px;display:block}.side a.on{color:#0b3477;background:#eef3ff;font-weight:700}.portal-main{width:100%;max-width:1300px;margin:auto;padding:46px max(30px,5vw)}.welcome{color:#fff;background:#0b1f4f;border-radius:18px;justify-content:space-between;padding:38px 45px;display:flex}.welcome small,.admin-title small{letter-spacing:1px;color:#ffb18f;font-size:11px;font-weight:700}.welcome h1,.admin-title h1{letter-spacing:-1.5px;margin:13px 0;font-size:38px;line-height:1.05}.welcome p{color:#c7d6cc;max-width:430px}.welcome-mark{color:#ff8a5a;background:#1a3a7c;border-radius:50%;place-items:center;width:170px;height:170px;display:grid}.track{background:#fff;border:1px solid #e3e8e3;border-radius:13px;justify-content:space-between;align-items:center;margin-top:25px;padding:28px;display:flex}.track h2,.recent-title{margin:10px 0 5px;font-size:21px}.track p,.admin-title p{color:#718176;margin:0;font-size:14px}.track>svg,.empty svg{color:#ff8a5a}.recent-title{margin-top:35px}.empty{text-align:center;color:#60766a;background:#fff;border:1px solid #e3e8e3;border-radius:13px;padding:39px}.empty a{color:#d15128;font-size:13px;font-weight:700}.admin-title{justify-content:space-between;align-items:center;display:flex}.admin-link{color:#fff;background:#0b1f4f;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:700}.stat-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin:32px 0;display:grid}.stat-grid article,.table-card,.quick{background:#fff;border:1px solid #e2e9e2;border-radius:12px;padding:20px}.stat-grid span{color:#0b3477;background:#eef3ff;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.stat-grid p{color:#6d8175;margin:16px 0 6px;font-size:13px}.stat-grid strong{font-size:29px}.stat-grid small{color:#96a59c;font-size:11px}.admin-grid{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.table-title{justify-content:space-between;display:flex}.table-title h2,.quick h2{margin:0;font-size:18px}.table-title p{color:#788a7f;font-size:13px}.no-orders{text-align:center;color:#708278;padding:52px 10px}.no-orders b{margin-top:12px;display:block}.no-orders p{font-size:13px}.quick a{color:#516c5d;border-bottom:1px solid #edf0ed;align-items:center;gap:10px;padding:17px 0;font-size:13px;display:flex}.quick a svg:last-child{width:16px;margin-left:auto}@media (max-width:720px){.portal-body{grid-template-columns:1fr}.side{border-bottom:1px solid #e5e9e5;border-right:0;padding:12px;display:flex;overflow:auto}.side p{display:none}.side a{white-space:nowrap;padding:9px;font-size:12px}.portal-main{padding:28px 18px}.welcome{padding:28px;display:block}.welcome h1,.admin-title h1{font-size:30px}.welcome-mark{display:none}.admin-title{align-items:flex-start;gap:14px}.admin-link{white-space:nowrap;font-size:11px}.stat-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}form.table-card.editor{color:#10224a!important;background:#fff!important;border:1px solid #d9e1ed!important;border-radius:18px!important}form.table-card.editor label{font-weight:700;color:#263b5f!important}form.table-card.editor input{color:#10224a!important;background:#fff!important;border:1px solid #b8c7db!important}form.table-card.editor .admin-save{color:#fff!important;background:#f15a2a!important}.availability{align-items:center;gap:10px;display:flex}.availability>span{font-size:14px;font-weight:700}.online-state{color:#19734a}.offline-state{color:#6a7882}.availability-action{color:#fff;font:inherit;cursor:pointer;background:#173965;border:1px solid #173965;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700}.availability-action:hover{background:#0b2850}.availability-action.is-online{color:#173965;background:#fff}.availability-action:disabled{opacity:.65;cursor:wait}@media (max-width:720px){.availability{gap:7px}.availability>span{display:none}.availability-action{padding:9px 11px;font-size:12px}}.profile-wrap{position:relative}.profile-trigger{cursor:pointer;color:#506277;background:0 0;border:0;align-items:center;gap:3px;padding:0;display:flex}.profile-trigger>span,.profile-trigger>img{color:#6d3825;object-fit:cover;background:#e9d5c8;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.profile-menu{z-index:30;background:#fff;border:1px solid #dce5ef;border-radius:14px;width:min(360px,100vw - 30px);padding:12px;position:absolute;top:48px;right:0;box-shadow:0 20px 45px #1126482e}.profile-menu header{border-bottom:1px solid #e7edf4;align-items:center;gap:11px;padding:8px 8px 14px;display:flex}.profile-menu header b{color:#112e58;font-size:14px;display:block}.profile-menu header small{text-overflow:ellipsis;color:#708198;max-width:230px;margin-top:3px;font-size:12px;display:block;overflow:hidden}.profile-photo{flex:none;width:44px;height:44px;position:relative}.profile-photo>img,.profile-photo>svg{color:#6d3825;object-fit:cover;background:#e9d5c8;border-radius:50%;width:44px;height:44px;padding:10px}.profile-photo>img{padding:0}.photo-button{color:#fff;cursor:pointer;background:#f15a2a;border:2px solid #fff;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;bottom:-3px;right:-3px}.profile-photo input{display:none}.profile-actions{padding-top:8px}.profile-actions button,.profile-actions a{text-align:left;color:#254368;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.profile-actions button:hover,.profile-actions a:hover{background:#f2f6fb}.profile-actions svg{width:17px}.profile-actions .logout{color:#b53d35;border-top:1px solid #e7edf4;border-radius:0;margin-top:6px}.profile-detail{padding:8px}.profile-detail h3{color:#112e58;margin:8px 0 10px;font-size:16px}.profile-detail form{gap:9px;display:grid}.profile-detail label{color:#425772;gap:4px;font-size:12px;font-weight:700;display:grid}.profile-detail input{min-width:0;font:inherit;border:1px solid #c8d5e3;border-radius:7px;padding:9px 10px;font-size:13px}.profile-detail input[readonly]{color:#74849a;background:#f4f7fa}.back{color:#315d96;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.profile-save{color:#fff;font:inherit;cursor:pointer;background:#123a6d;border:0;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.profile-save:disabled{opacity:.65}.profile-muted,.profile-notice{font-size:12px;line-height:1.4}.profile-muted{color:#718198}.profile-notice{color:#19734a;margin:10px 0 0}.saved-address{border-bottom:1px solid #edf1f5;padding:8px 0}.saved-address b,.saved-address small{font-size:12px;display:block}.saved-address small{color:#708198;margin-top:3px;line-height:1.35}.wallet-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:680px;margin:18px auto;display:grid}.wallet-grid p{color:#173965;background:#f5f8fc;border-radius:10px;margin:0;padding:14px}.empty input{box-sizing:border-box;width:min(420px,100%);font:inherit;border:1px solid #cad6e5;border-radius:8px;margin:12px auto;padding:12px 14px;display:block}.empty .btn{margin:6px}@media (max-width:720px){.wallet-grid{grid-template-columns:1fr}.empty{padding:26px 16px}}.package-shop{background:#fff;border:1px solid #e3e8e3;border-radius:13px;margin-top:25px;padding:28px}.package-shop h2{color:#122b52;margin:7px 0;font-size:22px}.package-shop>div>p{color:#718176;margin:0;font-size:14px}.package-list{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px;display:grid}.package-list article{background:#fbfcff;border:1px solid #dbe4ef;border-radius:11px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.package-list article>b{color:#183b6c;font-size:15px}.package-list article>strong{color:#102d59;font-size:23px}.package-list article small{color:#718198;min-height:32px;line-height:1.35}.package-list article em{color:#167047;font-size:12px;font-style:normal;font-weight:700}.package-list .btn{width:100%;margin-top:5px}.package-notice{color:#19734a;margin:14px 0 0;font-size:13px}@media (max-width:720px){.package-list{grid-template-columns:1fr}.package-shop{padding:22px 17px}}
