:root{--navy:#0d1b3d;--navy2:#142b5f;--blue:#2d6cdf;--blue2:#4c84ed;--gold:#f2bf5a;--gold2:#ffdb83;--ink:#15213b;--muted:#6f7890;--line:#e5e9f2;--bg:#f4f6fb;--card:#fff;--success:#14845c;--danger:#c54545;--shadow:0 18px 50px rgba(13,27,61,.10);--radius:22px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:850;color:var(--blue);display:block;margin-bottom:6px}.light-text{color:#b8cfff}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup img{width:48px;height:48px;border-radius:15px;box-shadow:0 8px 24px rgba(14,32,71,.18)}.brand-lockup div{display:flex;flex-direction:column}.brand-lockup strong{font-size:17px;letter-spacing:-.02em}.brand-lockup span{font-size:11px;color:var(--muted);margin-top:2px}.brand-lockup.light strong{color:#fff}.brand-lockup.light span{color:#b9c7e5}.brand-lockup.compact img{width:40px;height:40px;border-radius:12px}.brand-lockup.compact strong{font-size:14px}.brand-lockup.compact span{font-size:9px}.btn{border:0;border-radius:14px;padding:13px 17px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:12px;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#174cae);box-shadow:0 10px 25px rgba(45,108,223,.25)}.btn-gold{color:#1b2440;background:linear-gradient(135deg,var(--gold2),var(--gold))}.btn-soft{color:var(--blue);background:#edf3ff}.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-block{width:100%}.btn-small{padding:8px 12px;font-size:12px;border-radius:10px}.text-btn{background:none;border:0;color:var(--blue);font-weight:750}.alert{padding:12px 14px;border-radius:12px;font-size:13px;margin:12px 0}.alert.danger{background:#fff0f0;color:#9c3030;border:1px solid #ffd3d3}.alert.success{background:#edfff7;color:#116847;border:1px solid #c7f2df}.loading{position:relative;color:transparent!important}.loading:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* auth */.auth-body{min-height:100vh;background:#08142f;overflow-x:hidden}.auth-glow{position:fixed;border-radius:50%;filter:blur(10px);opacity:.35}.glow-one{width:430px;height:430px;background:#235fd2;left:-180px;top:-180px}.glow-two{width:350px;height:350px;background:#f2bf5a;right:-220px;bottom:-200px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;position:relative;z-index:1}.auth-hero{padding:58px 8vw 50px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.hero-copy{max-width:670px;margin:60px 0}.premium-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:10px;letter-spacing:.14em;font-weight:800;color:#f7d88f}.hero-copy h1{font-size:clamp(48px,7vw,94px);line-height:.93;letter-spacing:-.065em;margin:23px 0}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-copy p{font-size:17px;line-height:1.7;color:#bdc9e3;max-width:560px}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hero-features>div{display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.16);padding-top:17px}.hero-features>div>span{font-size:10px;color:var(--gold);font-weight:800}.hero-features p{margin:0;color:#aebcdb;font-size:12px;line-height:1.45}.hero-features b{display:block;color:#fff;margin-bottom:3px;font-size:13px}.auth-panel{background:#fff;margin:20px;border-radius:32px;padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:center;box-shadow:0 35px 90px rgba(0,0,0,.28)}.mobile-brand{display:none}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px}.auth-tabs button{flex:1;border:0;background:none;padding:14px 5px;color:var(--muted);font-weight:750;border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--navy);border-color:var(--blue)}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-form label,.premium-form label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#4f5a72;display:flex;flex-direction:column;gap:8px}.auth-form label small,.premium-form label small{font-weight:500;text-transform:none;letter-spacing:0;color:#9aa2b3}.auth-form input,.premium-form input,.premium-form select,.premium-form textarea,.table-search{border:1px solid var(--line);background:#fafbfe;padding:14px;border-radius:13px;outline:none;color:var(--ink);width:100%;transition:.2s}.auth-form input:focus,.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus,.table-search:focus{background:#fff;border-color:#8eb0f0;box-shadow:0 0 0 4px rgba(45,108,223,.08)}.premium-form textarea{min-height:95px;resize:vertical}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.show-password{position:absolute;right:8px;top:8px;border:0;background:#edf3ff;color:var(--blue);font-size:10px;font-weight:800;border-radius:8px;padding:7px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-row{flex-direction:row!important;align-items:flex-start!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;line-height:1.45!important}.check-row input{width:auto!important;margin:3px 0 0}.support-link{text-align:center;color:var(--blue);font-size:12px;font-weight:700}.trust-row{display:flex;justify-content:space-between;color:#81899a;font-size:10px;margin-top:25px;padding-top:17px;border-top:1px solid var(--line)}
/* customer app */.app-body{padding-bottom:90px}.app-shell{max-width:1120px;margin:auto;min-height:100vh}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20;background:rgba(244,246,251,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,230,240,.8)}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.avatar{width:39px;height:39px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;box-shadow:0 5px 18px rgba(21,33,59,.08);font-weight:800;color:var(--navy)}.avatar{background:var(--navy);color:#fff}.app-content{padding:28px 24px}.page{display:none;animation:pageIn .25s ease}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;margin:7px 0 20px}.welcome-row h1,.page-heading h1{font-size:30px;letter-spacing:-.045em;margin:0}.welcome-row p,.page-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.member-badge{font-size:10px;letter-spacing:.12em;font-weight:850;color:#805c10;background:#fff0c6;border:1px solid #f2d68d;padding:8px 11px;border-radius:999px}.member-card{background:radial-gradient(circle at 90% 0,rgba(242,191,90,.35),transparent 34%),linear-gradient(135deg,#10234d,#0b1734 70%);border-radius:26px;padding:24px;color:#fff;box-shadow:0 22px 50px rgba(13,27,61,.25);position:relative;overflow:hidden}.member-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-110px;bottom:-140px}.member-card-top,.member-card-bottom{display:flex;justify-content:space-between;position:relative;z-index:1}.member-card-top>div:first-child{display:flex;flex-direction:column}.member-card-top span{font-size:9px;letter-spacing:.18em;color:#b9c7e6}.member-card-top strong{font-size:20px;margin-top:22px}.mini-logo{border:1px solid rgba(255,255,255,.25);padding:9px;border-radius:10px;height:max-content;font-size:11px;color:var(--gold)}.member-card-bottom{margin-top:40px;border-top:1px solid rgba(255,255,255,.12);padding-top:15px}.member-card-bottom>div{display:flex;flex-direction:column;gap:5px}.member-card-bottom small{font-size:8px;color:#97a8ce;letter-spacing:.12em}.member-card-bottom b{font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.quick-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;text-align:left;display:flex;flex-direction:column;min-height:130px;box-shadow:0 8px 24px rgba(20,36,72,.05);transition:.2s}.quick-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.quick-card.primary{background:linear-gradient(140deg,var(--blue),#174dac);color:#fff;border:0}.quick-icon{font-size:22px;margin-bottom:auto}.quick-card strong{font-size:14px;margin-top:17px}.quick-card small{color:var(--muted);font-size:10px;margin-top:4px}.quick-card.primary small{color:#c9d9fa}.section-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:18px 0;box-shadow:0 8px 30px rgba(20,36,72,.05)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-head h2,.section-title h2{margin:0;font-size:19px;letter-spacing:-.025em}.status-dot{width:10px;height:10px;border-radius:50%;background:#29b982;box-shadow:0 0 0 5px #dcf8ed}.shipment-status{display:flex;align-items:center;gap:14px;background:#f6f8fc;border-radius:16px;padding:16px;margin:18px 0}.status-icon{width:42px;height:42px;border-radius:14px;background:#e6efff;color:var(--blue);display:grid;place-items:center}.shipment-status strong{font-size:14px}.shipment-status p{font-size:11px;color:var(--muted);margin:4px 0 0}.mini-details,.shipment-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.mini-details span,.shipment-meta span{display:flex;flex-direction:column;gap:4px}.mini-details small,.shipment-meta small{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#98a0b2}.mini-details b,.shipment-meta b{font-size:11px}.section-title{display:flex;justify-content:space-between;margin:28px 3px 12px}.offers-row{display:flex;gap:13px;overflow:auto;padding-bottom:8px;scrollbar-width:none}.offer-card{min-width:260px;max-width:310px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px;position:relative;overflow:hidden}.offer-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#fff5da;right:-35px;top:-35px}.offer-spark{width:34px;height:34px;border-radius:12px;background:#fff1c8;color:#9b6a04;display:grid;place-items:center;margin-bottom:15px;position:relative;z-index:1}.offer-card>span{font-size:9px;letter-spacing:.12em;color:var(--blue);font-weight:850}.offer-card h3{font-size:16px;margin:8px 0}.offer-card p{font-size:11px;color:var(--muted);line-height:1.5;min-height:50px}.offer-card small{font-size:9px;color:#929aab}.referral-card{background:linear-gradient(140deg,#183366,#0c1835);color:#fff;border-radius:24px;padding:23px;margin-top:24px}.referral-card h3{font-size:20px;margin:4px 0 6px}.referral-card p{color:#b9c7e5;font-size:12px;line-height:1.5}.referral-code{display:flex;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.3);border-radius:13px;padding:12px 13px;margin:15px 0;justify-content:space-between;align-items:center}.referral-code span{letter-spacing:.18em;font-weight:850}.referral-code button{border:0;background:var(--gold);color:#26304a;font-size:10px;font-weight:850;border-radius:8px;padding:7px 10px}.page-heading{display:flex;align-items:flex-start;gap:14px;margin:4px 0 20px}.back-btn{display:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff}.premium-form{display:flex;flex-direction:column;gap:16px}.info-strip{font-size:11px;color:#5d6680;background:#f2f6ff;border-left:3px solid var(--blue);padding:12px;border-radius:8px}.segmented{display:flex;background:#e9edf5;padding:4px;border-radius:14px;margin-bottom:18px}.segmented button{flex:1;border:0;background:none;border-radius:10px;padding:10px;color:var(--muted);font-size:12px;font-weight:750}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 4px 12px rgba(21,33,59,.08)}.list-stack{display:flex;flex-direction:column;gap:13px}.shipment-card,.receiver-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px}.shipment-card-top{display:flex;justify-content:space-between;align-items:flex-start}.country-label{font-size:9px;font-weight:850;color:var(--blue);letter-spacing:.12em}.shipment-card h3{font-size:16px;margin:5px 0}.status-chip{font-size:9px;text-transform:capitalize;padding:7px 9px;border-radius:999px;background:#fff3d5;color:#82631d;font-weight:800;white-space:nowrap}.status-chip.verified{background:#e5f8ef;color:#14724f}.status-chip.active-status{background:#e8f0ff;color:#2859b4}.progress-line{height:4px;background:#edf0f5;border-radius:10px;margin:16px 0;overflow:hidden}.progress-line i{display:block;width:62%;height:100%;background:linear-gradient(90deg,var(--blue),#70a0fa);border-radius:10px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.empty-state{padding:50px 20px;text-align:center;background:#fff;border:1px dashed #d6dce8;border-radius:20px}.empty-state.compact{padding:28px;min-width:220px}.empty-state>span{font-size:30px;color:var(--blue)}.empty-state h3{margin:12px 0 6px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.5}.receiver-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}.receiver-icon{width:43px;height:43px;border-radius:14px;background:#eaf1ff;color:var(--blue);display:grid;place-items:center;font-weight:850}.receiver-card>div:nth-child(2)>span{font-size:9px;color:var(--blue);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.receiver-card h3{margin:5px 0;font-size:15px}.receiver-card p,.receiver-card small{font-size:10px;color:var(--muted);line-height:1.4}.receiver-card small{display:block;margin-top:6px}.more-btn{border:0;background:#fff0f0;color:var(--danger);width:28px;height:28px;border-radius:50%}.floating-add{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);border:0;background:var(--navy);color:#fff;padding:13px 22px;border-radius:999px;font-weight:800;box-shadow:0 12px 30px rgba(13,27,61,.3);z-index:10}.vault-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#eaf2ff,#fff);border:1px solid #dce8ff;border-radius:20px;padding:18px;margin-bottom:16px}.vault-lock{width:46px;height:46px;border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 7px 20px rgba(45,108,223,.1)}.vault-banner h3{font-size:14px;margin:0 0 4px}.vault-banner p{font-size:10px;color:var(--muted);margin:0}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.doc-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start}.doc-type{width:38px;height:38px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center}.doc-card h3{font-size:11px;margin:5px 0;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-card p,.doc-card>div>span{font-size:9px;color:var(--muted)}.doc-view{grid-column:2/4;color:var(--blue);font-size:10px;font-weight:800}.file-drop{align-items:center!important;text-align:center;border:1px dashed #b7c5df;border-radius:16px;padding:22px;background:#f9fbff;position:relative}.file-drop input{position:absolute!important;inset:0;opacity:0;cursor:pointer}.file-drop .file-icon{font-size:22px;width:38px;height:38px;border-radius:50%;background:#e9f1ff;color:var(--blue);display:grid;place-items:center}.file-drop strong{text-transform:none;letter-spacing:0;color:var(--ink)}.profile-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;align-items:center;gap:14px}.profile-avatar{width:55px;height:55px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;display:grid;place-items:center;font-size:20px;font-weight:850}.profile-card h2{font-size:17px;margin:0}.profile-card p,.profile-card span{font-size:10px;color:var(--muted);margin:4px 0}.profile-card .member-badge{margin-left:auto;color:#805c10}.settings-list{background:#fff;border:1px solid var(--line);border-radius:22px;margin-top:14px;overflow:hidden}.settings-list button,.settings-list a{border:0;background:#fff;width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}.settings-list>*>span{width:34px;height:34px;border-radius:11px;background:#f1f4fa;display:grid;place-items:center}.settings-list div{display:flex;flex-direction:column}.settings-list b{font-size:12px}.settings-list small{font-size:9px;color:var(--muted);margin-top:3px}.settings-list i{font-style:normal;color:#a0a7b6;font-size:20px}.settings-list .danger-link b{color:var(--danger)}.office-card{text-align:center;padding:25px;color:var(--muted);font-size:10px}.office-card span{font-weight:800;color:var(--ink)}.office-card p{margin:7px}.office-card a{color:var(--blue);font-weight:800}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:center;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{width:min(20%,110px);border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8c94a6}.bottom-nav button span{font-size:20px}.bottom-nav button small{font-size:9px;font-weight:750}.bottom-nav button.active{color:var(--blue)}
/* modal */.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(7,16,37,.58);backdrop-filter:blur(4px)}.modal-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:28px 28px 0 0;padding:15px 22px 30px;max-height:88vh;overflow:auto;animation:sheet .25s ease}.modal-sheet.desktop-modal{max-width:620px;left:50%;bottom:50%;right:auto;transform:translate(-50%,50%);border-radius:24px;width:calc(100% - 32px)}@keyframes sheet{from{transform:translateY(30px);opacity:0}}.modal-handle{width:45px;height:4px;background:#d9dde6;border-radius:10px;margin:0 auto 15px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0;font-size:21px}.modal-head button{border:0;background:#f1f3f7;width:34px;height:34px;border-radius:50%;font-size:20px}.detail-callout{background:#f5f7fb;border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:4px}.detail-callout b{font-size:14px}.detail-callout span,.detail-callout p{font-size:10px;color:var(--muted);margin:0}.toast{position:fixed;z-index:200;left:50%;bottom:95px;transform:translate(-50%,20px);background:#17223d;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.2);font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.25s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#a83232}
/* admin */.admin-body{background:#eef1f7}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-sidebar{background:#0c1835;padding:23px 16px;color:#fff;position:fixed;left:0;top:0;bottom:0;width:250px;display:flex;flex-direction:column;z-index:50}.admin-sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:35px}.admin-sidebar nav button{border:0;background:none;color:#9eadd0;display:grid;grid-template-columns:24px 1fr auto;gap:9px;text-align:left;padding:12px;border-radius:11px;font-size:12px;font-weight:700}.admin-sidebar nav button.active,.admin-sidebar nav button:hover{background:rgba(255,255,255,.09);color:#fff}.admin-sidebar nav button b{background:#efbf5e;color:#17213a;border-radius:999px;font-size:8px;padding:4px 7px}.admin-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.admin-user .avatar{width:36px;height:36px}.admin-user div:nth-child(2){display:flex;flex-direction:column}.admin-user b{font-size:11px}.admin-user span{font-size:9px;color:#93a3c7;margin-top:3px}.admin-main{grid-column:2}.admin-topbar{height:82px;background:rgba(238,241,247,.9);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;border-bottom:1px solid #dfe4ee}.admin-topbar h1{font-size:22px;margin:0}.admin-top-actions{display:flex;gap:10px}.sidebar-toggle{display:none;border:0;background:#fff;border-radius:10px;width:38px;height:38px}.admin-content{padding:25px}.admin-page{display:none}.admin-page.active{display:block}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-grid article{background:#fff;border:1px solid #e2e6ef;border-radius:18px;padding:20px}.stat-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:750}.stat-grid strong{display:block;font-size:31px;letter-spacing:-.04em;margin:12px 0}.stat-grid small{font-size:9px;color:#929aab}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.admin-card{background:#fff;border:1px solid #e1e5ee;border-radius:20px;padding:21px;box-shadow:0 7px 25px rgba(20,36,72,.04)}.admin-card.full{margin:0}.compact-table{display:flex;flex-direction:column;margin-top:15px}.compact-table>div{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.customer-circle{width:35px;height:35px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:850}.compact-table>div>div{display:flex;flex-direction:column}.compact-table b{font-size:11px}.compact-table small{font-size:9px;color:var(--muted);margin-top:3px}.premium-form.compact{gap:12px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.table-toolbar h2{margin:0;font-size:20px}.table-toolbar p{font-size:10px;color:var(--muted);margin:5px 0 0}.table-search{max-width:280px;padding:10px 12px}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8b94a7;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #edf0f5;font-size:11px;vertical-align:top}td b,td small{display:block}td small{font-size:9px;color:var(--muted);margin-top:4px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-admin-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.offer-admin-list>div{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:11px;background:#f7f8fb;border-radius:13px}.offer-admin-list>div>div{display:flex;flex-direction:column}.offer-admin-list b{font-size:11px}.offer-admin-list small{font-size:9px;color:var(--muted);margin-top:3px}.settings-card{max-width:850px}.install-body{min-height:100vh;background:#0b1734;padding:30px}.install-shell{max-width:780px;margin:auto}.install-shell>.brand-lockup{color:#fff;margin-bottom:20px}.install-shell>.brand-lockup span{color:#aebcdb}.install-card{background:#fff;border-radius:26px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.install-card h1{font-size:30px;margin:5px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.form-grid h3{grid-column:1/-1;margin:12px 0 -2px;font-size:14px;color:var(--navy);border-bottom:1px solid var(--line);padding-bottom:8px}.form-grid label{font-size:11px;font-weight:750;color:#526079;display:flex;flex-direction:column;gap:7px}.form-grid input,.form-grid textarea{border:1px solid var(--line);border-radius:12px;padding:13px}.form-grid textarea{min-height:75px}.form-grid .full{grid-column:1/-1}.success-card{text-align:center;max-width:520px;margin:50px auto}.success-mark{width:72px;height:72px;border-radius:50%;background:#e5f8ef;color:var(--success);display:grid;place-items:center;font-size:35px;margin:auto}.offline-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:#eef2f9}.offline-card{text-align:center;background:#fff;padding:35px;border-radius:25px;max-width:420px;box-shadow:var(--shadow)}.offline-card img{width:80px;border-radius:22px}.offline-card h1{font-size:28px}.offline-card p{color:var(--muted);line-height:1.6;font-size:13px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{margin:0;min-height:100vh;border-radius:0;padding:35px 24px}.mobile-brand{display:flex;margin-bottom:35px}.quick-grid{grid-template-columns:1fr 1fr}.doc-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{transform:translateX(-105%);transition:.25s}.admin-sidebar.open{transform:none}.admin-main{grid-column:auto}.sidebar-toggle{display:block}.admin-topbar{padding:0 16px}.admin-content{padding:16px}.stat-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-top-actions .btn-soft{display:none}.table-toolbar{align-items:flex-start;gap:15px}.table-search{max-width:190px}}
@media(max-width:600px){.topbar{padding:0 16px;height:66px}.app-content{padding:20px 14px}.welcome-row h1,.page-heading h1{font-size:26px}.welcome-row p{max-width:270px}.member-card{padding:20px;border-radius:22px}.quick-grid{gap:10px}.quick-card{padding:15px;min-height:120px}.section-card{padding:17px;border-radius:19px}.page-heading{margin-top:4px}.back-btn{display:grid;place-items:center;flex:none}.two-col{grid-template-columns:1fr}.premium-form .two-col{gap:16px}.mini-details,.shipment-meta{gap:7px}.shipment-meta{grid-template-columns:1fr 1fr 1fr}.card-actions{grid-template-columns:1fr}.doc-card{grid-template-columns:auto 1fr auto}.floating-add{bottom:87px}.modal-sheet.desktop-modal{bottom:0;left:0;right:0;transform:none;width:100%;border-radius:26px 26px 0 0}.stat-grid{gap:10px}.stat-grid article{padding:15px}.stat-grid strong{font-size:25px}.admin-topbar h1{font-size:18px}.admin-top-actions .btn{padding:9px 12px;font-size:10px}.table-toolbar{flex-direction:column}.table-search{max-width:none}.install-body{padding:14px}.install-card{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .full,.form-grid h3{grid-column:auto}.trust-row{gap:8px;flex-wrap:wrap}}

/* Premium Automation v2 */
.notification-bell{position:relative;font-size:1.1rem}
.notification-bell b{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#e04747;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}
.automation-feed{margin-top:18px}
.notification-mini-list{display:grid;gap:8px}
.notification-mini{width:100%;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;text-align:left;background:transparent;border:0;border-radius:14px;padding:10px;cursor:pointer;color:inherit}
.notification-mini.unread{background:#f4f7ff}
.notification-mini div{min-width:0}
.notification-mini b,.notification-mini small{display:block}
.notification-mini b{font-size:.91rem;margin-bottom:3px}
.notification-mini small{color:var(--muted,#6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-mini i{font-style:normal;font-size:1.35rem;color:#8c94a6}
.notice-dot{width:10px;height:10px;border-radius:50%;background:#7a859d;box-shadow:0 0 0 5px rgba(122,133,157,.12)}
.notice-dot.success{background:#159467;box-shadow:0 0 0 5px rgba(21,148,103,.12)}
.notice-dot.warning{background:#e59c18;box-shadow:0 0 0 5px rgba(229,156,24,.14)}
.notice-dot.offer{background:#9a6a08;box-shadow:0 0 0 5px rgba(154,106,8,.14)}
.notification-list{display:grid;gap:12px;margin-top:16px}
.notification-card{display:grid;grid-template-columns:14px 1fr;gap:14px;background:#fff;border:1px solid #e7eaf1;border-radius:18px;padding:17px;box-shadow:0 8px 25px rgba(13,27,61,.05)}
.notification-card.unread{border-color:#b9c8eb;background:linear-gradient(135deg,#fff,#f5f8ff)}
.notification-card .notice-dot{margin-top:7px}
.notification-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.notification-title h3{margin:0;font-size:1rem}
.notification-title small{color:#8991a3;white-space:nowrap;font-size:.72rem}
.notification-card p{margin:7px 0 9px;color:#596174;line-height:1.5}
.mark-all-read{margin:4px 0 0 auto;display:flex}
.check-row{display:flex!important;align-items:flex-start;gap:12px;padding:13px;border:1px solid #e5e8ef;border-radius:14px;background:#fafbfe;cursor:pointer}
.check-row input{width:19px!important;height:19px;margin-top:2px;accent-color:#0d1b3d;flex:0 0 auto}
.check-row span{display:block}
.check-row b,.check-row small{display:block}
.check-row small{color:#737b8e;margin-top:3px;line-height:1.4}
.automation-divider{display:flex;align-items:center;gap:10px;margin:6px 0;color:#8a92a3;font-size:.7rem;font-weight:800;letter-spacing:.12em}
.automation-divider:before,.automation-divider:after{content:"";height:1px;background:#e5e8ef;flex:1}
.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;background:#f4f6fa;border:1px solid #e3e7ef;padding:9px;border-radius:13px;margin:15px 0}
.copy-field code{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#33405c}
.run-automation-form{margin:14px 0 18px}
.run-list{display:grid;gap:10px}
.run-list>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border-bottom:1px solid #edf0f5;padding-bottom:10px}
.run-list b,.run-list small{display:block}
.run-list b{font-size:.85rem}
.run-list small{color:#7b8497;margin-top:2px}
.automation-stats article strong{font-size:1.65rem}
@media(max-width:720px){.notification-title{display:block}.notification-title small{display:block;margin-top:4px}.copy-field{grid-template-columns:1fr}.copy-field .btn{width:100%}}

/* Main booking software connection v3 */
.integration-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;background:linear-gradient(135deg,#eaf8f1,#f6fbff);border-color:#b9e2d1}
.integration-strip span{color:#536277;font-size:.78rem}
.sync-state{display:block;margin-top:7px;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#7b8497}
.sync-state.synced{color:#15805c}.sync-state.failed{color:#c33b3b}.sync-state.pending{color:#9a6a08}
.action-grid{margin-top:12px}.integration-log-list{max-height:520px;overflow:auto;padding-right:4px}
.info-strip{border:1px solid #d9e2f2;background:#f5f8fe;border-radius:14px;padding:13px 15px;color:#485773;font-size:.78rem;line-height:1.5;margin-top:14px}
.danger-chip{background:#fff0f0!important;color:#b42318!important;border-color:#f3c1c1!important}
.tracking-timeline{margin:16px 0;border-top:1px solid var(--line);padding-top:12px}
.tracking-timeline summary{cursor:pointer;font-size:.78rem;font-weight:800;color:#1d4e9b}
.timeline-row{display:grid;grid-template-columns:14px 1fr;gap:11px;margin-top:13px;position:relative}
.timeline-row>i{width:10px;height:10px;border-radius:50%;background:#1b5fba;margin-top:4px;box-shadow:0 0 0 4px #e8f1ff}
.timeline-row b,.timeline-row small{display:block}.timeline-row b{font-size:.8rem}.timeline-row small{font-size:.68rem;color:#7b8497;margin-top:3px}.timeline-row p{font-size:.73rem;color:#596174;margin:5px 0 0;line-height:1.45}
@media(max-width:650px){.integration-strip{display:block}.integration-strip span{display:block;margin-top:5px}.action-grid{grid-template-columns:1fr}}
.connected-action-card{text-align:center;padding:14px 4px}.connected-action-card .success-mark.mini{width:52px;height:52px;font-size:24px;margin-bottom:12px}.connected-action-card h3{margin:0 0 8px}.connected-action-card p{line-height:1.55;margin-bottom:18px}


/* Premium Install & Icon Experience v4 */
.app-splash{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 25%,#284373 0,#102547 38%,#061126 100%);display:grid;place-items:center;transition:opacity .42s ease,visibility .42s ease}.app-splash.leaving{opacity:0;visibility:hidden}.splash-brand{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}.splash-icon-wrap{width:112px;height:112px;padding:6px;border-radius:31px;background:linear-gradient(145deg,rgba(255,239,183,.95),#b87926);box-shadow:0 25px 70px rgba(0,0,0,.42),0 0 0 8px rgba(255,255,255,.05);animation:splashFloat 1.8s ease-in-out infinite}.splash-icon-wrap img{width:100%;height:100%;border-radius:26px;display:block}.splash-brand strong{font-size:27px;letter-spacing:-.03em;margin-top:22px}.splash-brand span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#c8d5ee;margin-top:7px}.splash-brand i{width:88px;height:3px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:25px;position:relative}.splash-brand i:after{content:"";position:absolute;inset:0;width:42%;border-radius:5px;background:linear-gradient(90deg,#d89b39,#ffe6a1);animation:splashLoad 1.15s ease-in-out infinite}@keyframes splashFloat{50%{transform:translateY(-7px)}}@keyframes splashLoad{from{transform:translateX(-110%)}to{transform:translateX(250%)}}
.auth-install-button{width:100%;border:1px solid #e1e7f1;background:linear-gradient(135deg,#f9fbff,#eef3fc);border-radius:17px;padding:10px 12px;display:flex;align-items:center;text-align:left;gap:11px;margin:0 0 22px;color:var(--ink)}.auth-install-button img{width:42px;height:42px;border-radius:12px;box-shadow:0 8px 18px rgba(9,24,52,.18)}.auth-install-button span{display:flex;flex:1;flex-direction:column}.auth-install-button b{font-size:12px}.auth-install-button small{font-size:9px;color:var(--muted);margin-top:3px}.auth-install-button i{font-style:normal;font-size:10px;font-weight:850;color:#fff;background:var(--navy);padding:8px 11px;border-radius:10px}.install-top-pill{border:0;border-radius:999px;height:39px;padding:0 13px;background:linear-gradient(135deg,#ffe7a2,#d99d3e);color:#18233a;display:flex;align-items:center;gap:7px;box-shadow:0 8px 22px rgba(185,125,31,.22)}.install-top-pill span{font-size:15px;font-weight:900}.install-top-pill b{font-size:10px;white-space:nowrap}.install-promo-card{width:100%;border:1px solid rgba(226,184,93,.45);background:linear-gradient(135deg,#0d1b3d,#173b72);border-radius:20px;padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-align:left;color:#fff;margin:13px 0 18px;box-shadow:0 15px 35px rgba(13,27,61,.17)}.install-promo-card img{width:55px;height:55px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.3)}.install-promo-card span{display:flex;flex-direction:column;min-width:0}.install-promo-card small{font-size:8px;color:#f7cf7b;letter-spacing:.12em;font-weight:850}.install-promo-card strong{font-size:14px;margin:4px 0}.install-promo-card em{font-size:9px;color:#bdcbe5;font-style:normal;white-space:normal}.install-promo-card i{font-size:10px;font-style:normal;font-weight:850;color:#16213b;background:linear-gradient(135deg,#fff0b5,#dba148);padding:10px 12px;border-radius:11px;white-space:nowrap}.install-ready{animation:installPulse 2.4s ease-in-out infinite}@keyframes installPulse{50%{box-shadow:0 0 0 7px rgba(229,178,79,.10),0 12px 28px rgba(13,27,61,.18)}}.pwa-installed [data-install-ui]{display:none!important}
.install-guide{position:fixed;inset:0;z-index:800;display:none}.install-guide.open{display:block}.install-guide-backdrop{position:absolute;inset:0;background:rgba(5,13,29,.68);backdrop-filter:blur(5px)}.install-guide-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);width:min(430px,calc(100% - 28px));background:#fff;border-radius:27px;padding:28px 24px 23px;box-shadow:0 35px 100px rgba(0,0,0,.36);animation:installSheetIn .25s ease forwards}.install-guide-sheet>img{width:76px;height:76px;border-radius:22px;box-shadow:0 15px 35px rgba(8,23,49,.25);margin-bottom:18px}.install-guide-sheet h2{font-size:24px;line-height:1.08;letter-spacing:-.035em;margin:5px 35px 9px 0}.install-guide-sheet>p{font-size:12px;line-height:1.55;color:var(--muted)}.install-guide-close{position:absolute;right:16px;top:16px;width:35px;height:35px;border:0;border-radius:50%;background:#eff2f7;font-size:21px;color:#657087}.install-guide-sheet ol{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:10px}.install-guide-sheet li{display:grid;grid-template-columns:33px 1fr;gap:11px;align-items:center;background:#f5f7fb;border:1px solid #e8ebf2;border-radius:14px;padding:11px}.install-guide-sheet li>b{width:31px;height:31px;border-radius:10px;background:#0d1b3d;color:#f4ca72;display:grid;place-items:center;font-size:11px}.install-guide-sheet li span{font-size:11px;line-height:1.45;color:#505a70}@keyframes installSheetIn{to{transform:translate(-50%,-50%)}}
@media(max-width:600px){.install-top-pill{width:39px;padding:0;justify-content:center}.install-top-pill b{display:none}.install-promo-card{grid-template-columns:auto 1fr}.install-promo-card i{grid-column:1/-1;text-align:center;padding:9px}.install-guide-sheet{left:0;right:0;bottom:0;top:auto;transform:none;width:100%;border-radius:28px 28px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom));animation:installSheetMobile .25s ease forwards}@keyframes installSheetMobile{from{transform:translateY(35px);opacity:0}to{transform:none;opacity:1}}}


/* Premium install, clean customer UI and push notifications v5 */
.install-sticky{position:fixed;z-index:620;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(430px,calc(100% - 28px));border:1px solid rgba(238,195,105,.55);border-radius:19px;padding:10px 12px;background:linear-gradient(135deg,#0a1835,#193c70);color:#fff;box-shadow:0 18px 50px rgba(4,15,35,.34);display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-align:left}.install-sticky img{width:45px;height:45px;border-radius:13px}.install-sticky span{display:flex;flex-direction:column}.install-sticky b{font-size:12px}.install-sticky small{font-size:9px;color:#c5d1e7;margin-top:3px}.install-sticky i{font-style:normal;font-size:10px;font-weight:900;color:#17213a;background:linear-gradient(135deg,#fff0b2,#d9a145);border-radius:10px;padding:9px 11px}.auth-install-sticky{bottom:calc(18px + env(safe-area-inset-bottom))}.push-top-pill{border:0;border-radius:999px;height:39px;padding:0 12px;background:#eef3fc;color:#132343;display:flex;align-items:center;gap:7px}.push-top-pill span{color:#e1aa42}.push-top-pill b{font-size:10px}.push-top-pill.push-enabled{background:#e7f7ef;color:#147446}.push-top-pill.push-enabled span{color:#1aa265}.push-promo-card{width:100%;border:1px solid #e2e8f3;background:linear-gradient(135deg,#fff,#f3f7ff);border-radius:20px;padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-align:left;color:var(--ink);margin:-6px 0 18px}.push-promo-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#12284f,#214e89);color:#f3ca72;display:grid;place-items:center;font-size:22px}.push-promo-card>span:nth-child(2){display:flex;flex-direction:column}.push-promo-card small{font-size:8px;color:#a37425;letter-spacing:.12em;font-weight:850}.push-promo-card strong{font-size:13px;margin:3px 0}.push-promo-card em{font-size:9px;color:var(--muted);font-style:normal}.push-promo-card i{font-style:normal;font-size:10px;font-weight:850;color:#fff;background:#13284e;padding:9px 11px;border-radius:10px}.push-promo-card.push-enabled{border-color:#a7dcc1;background:linear-gradient(135deg,#f7fffb,#eaf9f1)}.push-promo-card.push-enabled i{background:#168558}.push-centre-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:20px}.push-status-hero{background:linear-gradient(135deg,#0b1a3a,#1d4a84);color:#fff;border-radius:22px;padding:22px;margin-bottom:18px;display:flex;align-items:center;gap:15px}.push-status-hero img{width:64px;height:64px;border-radius:18px}.push-status-hero h3{margin:3px 0 5px}.push-status-hero p{margin:0;color:#c5d3e9;font-size:11px}.push-log-list{display:grid;gap:9px}.push-log-list>div{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:11px;background:#f7f9fc;border-radius:13px}.push-log-list b,.push-log-list small{display:block}.push-log-list small{color:var(--muted);margin-top:3px;font-size:9px}.customer-only-target.hidden{display:none!important}.customer-clean-note{font-size:10px;color:var(--muted);margin-top:6px}
@media(max-width:900px){.push-centre-grid{grid-template-columns:1fr}}@media(max-width:600px){.install-sticky{bottom:calc(76px + env(safe-area-inset-bottom))}.auth-install-sticky{bottom:calc(12px + env(safe-area-inset-bottom))}.push-top-pill{width:39px;padding:0;justify-content:center}.push-top-pill b{display:none}.push-promo-card{grid-template-columns:auto 1fr}.push-promo-card i{grid-column:1/-1;text-align:center}.app-body{padding-bottom:78px}}

/* Dhillon Club V6.2 — Growth, Security & Service */
.member-card-button{width:100%;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.member-card-button:active{transform:scale(.992)}
.premium-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 22px}.premium-feature-grid button{border:1px solid #e5eaf2;background:#fff;border-radius:22px;padding:17px;text-align:left;box-shadow:0 10px 28px rgba(13,27,61,.07);display:grid;grid-template-columns:42px 1fr;grid-template-areas:'icon title' 'icon sub';column-gap:12px;align-items:center;color:#0d1b3d}.premium-feature-grid span{grid-area:icon;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#132b5b,#315dc7);color:#fff;display:grid;place-items:center;font-weight:900}.premium-feature-grid b{grid-area:title;font-size:14px}.premium-feature-grid small{grid-area:sub;color:#778198;font-size:11px;margin-top:3px}
.digital-member-card{background:radial-gradient(circle at 100% 0,rgba(255,207,92,.28),transparent 35%),linear-gradient(145deg,#081630,#142d60);border-radius:30px;padding:24px;color:#fff;box-shadow:0 24px 58px rgba(8,22,48,.25);text-align:center}.digital-card-head{display:flex;align-items:center;text-align:left;gap:14px}.digital-card-head img{width:58px;height:58px;border-radius:17px}.digital-card-head small{color:#e7c26d;letter-spacing:.15em}.digital-card-head h2{margin:4px 0;font-size:21px}.digital-card-head span{color:#b7c5e0}.member-qr{background:#fff;width:244px;min-height:244px;border-radius:24px;padding:12px;margin:24px auto 16px;display:grid;place-items:center}.member-qr img,.member-qr canvas{max-width:220px!important;max-height:220px!important}.digital-card-id{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}.digital-card-id span{color:#aebbd4}.digital-card-id b{letter-spacing:.15em}.secure-note{font-size:11px;color:#9fb0cc;line-height:1.5;margin:14px 0 0}.loyalty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.loyalty-grid article{background:#fff;border:1px solid #e7ebf2;border-radius:20px;padding:15px 12px;box-shadow:0 8px 24px rgba(13,27,61,.05)}.loyalty-grid span,.loyalty-grid small{display:block;color:#7a8498;font-size:10px}.loyalty-grid strong{display:block;color:#0d1b3d;font-size:18px;margin:5px 0}
.payment-card{background:#fff;border:1px solid #e6eaf1;border-radius:22px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;box-shadow:0 9px 25px rgba(13,27,61,.05)}.payment-card>div:first-child span{color:#2b63d8;font-size:11px;font-weight:800}.payment-card h3{margin:5px 0;color:#0d1b3d}.payment-card p{margin:0;color:#7c8597;font-size:12px}.payment-amount{text-align:right}.payment-amount small{display:block;color:#7c8597;font-size:10px}.payment-amount b{display:block;color:#0d1b3d;font-size:18px;margin:2px 0 5px}.payment-card .btn{grid-column:auto/span 1}.payment-card>a:first-of-type{grid-column:1}.payment-card>a:last-of-type{grid-column:2}
.pickup-security{display:flex;align-items:center;gap:14px;background:#fff8e7;border:1px solid #f1d994;border-radius:18px;padding:13px 15px;margin:12px 0}.pickup-security span{min-width:92px;text-align:center}.pickup-security small{display:block;color:#86610b;font-size:9px;letter-spacing:.12em}.pickup-security b{font-size:25px;letter-spacing:.22em;color:#0d1b3d}.pickup-security p{margin:0;color:#6f6040;font-size:11px;line-height:1.45}.live-pickup-card{width:100%;border:1px solid #b6ecd9;background:linear-gradient(135deg,#ecfff8,#fff);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;color:#0d1b3d;margin:12px 0}.live-pickup-card div{flex:1}.live-pickup-card b,.live-pickup-card small{display:block}.live-pickup-card small{color:#588170;margin-top:3px}.pulse-dot{width:13px;height:13px;border-radius:50%;background:#14a774;box-shadow:0 0 0 0 rgba(20,167,116,.4);animation:v62pulse 1.7s infinite}@keyframes v62pulse{70%{box-shadow:0 0 0 12px rgba(20,167,116,0)}100%{box-shadow:0 0 0 0 rgba(20,167,116,0)}}.live-pickup-body{padding:6px 0 20px}.live-team-profile{display:flex;align-items:center;gap:13px;background:#f4f7fc;border-radius:18px;padding:14px}.live-team-profile div{flex:1}.live-team-profile b,.live-team-profile small{display:block}.live-team-profile small{color:#78839a;margin-top:4px}.live-eta{text-align:center;padding:22px 10px}.live-eta small{display:block;color:#768197;letter-spacing:.12em}.live-eta strong{display:block;font-size:22px;color:#0d1b3d;margin-top:6px}.location-time{display:block;text-align:center;color:#7b8597;padding:8px}.success-banner{background:#e9fff7;color:#087653;border:1px solid #b9ebd8;border-radius:16px;padding:13px;text-align:center;margin-top:14px;font-weight:800}
.parcel-checklist{display:grid;gap:12px;margin-top:15px}.parcel-result{background:#fff;border:1px solid #e3e8f0;border-radius:19px;padding:16px;display:flex;gap:13px;align-items:flex-start}.parcel-result>span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:#edf3ff;color:#2458c5}.parcel-result.allowed>span{background:#e7fff5;color:#0b8b61}.parcel-result.restricted>span,.parcel-result.check>span{background:#fff5d9;color:#a66d00}.parcel-result.not_allowed>span{background:#fff0f0;color:#c13333}.parcel-result div{flex:1}.parcel-result b{color:#0d1b3d;text-transform:capitalize}.parcel-result p{margin:5px 0;color:#59657a;line-height:1.5}.parcel-result small{color:#7b8494}
.ticket-list{display:grid;gap:12px;margin-top:16px}.ticket-card{background:#fff;border:1px solid #e3e8f0;border-radius:21px;overflow:hidden}.ticket-card summary{list-style:none;cursor:pointer;padding:17px;display:flex;align-items:center;justify-content:space-between}.ticket-card summary::-webkit-details-marker{display:none}.ticket-card summary span{font-size:10px;color:#2d63d3;text-transform:uppercase;font-weight:800}.ticket-card summary h3{margin:5px 0;color:#0d1b3d}.ticket-card summary p{margin:0;color:#7c8598;font-size:11px}.ticket-thread{border-top:1px solid #edf0f5;padding:15px;background:#f7f9fd}.ticket-message{max-width:87%;background:#fff;border-radius:17px;padding:12px;margin:8px 0;box-shadow:0 4px 14px rgba(13,27,61,.06)}.ticket-message.customer{margin-left:auto;background:#eaf1ff}.ticket-message b{font-size:11px;color:#235bc9}.ticket-message p{margin:5px 0;color:#303b4e;line-height:1.5}.ticket-message small{color:#8a93a3;font-size:9px}
.passkey-list{margin-top:14px}.passkey-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf0f5}.passkey-list>div>div{flex:1}.passkey-list b,.passkey-list small{display:block}.passkey-list small{color:#7d8798;margin-top:3px}.passkey-list button{border:0;background:#fff0f0;color:#b02b2b;border-radius:10px;padding:7px 10px}.btn-passkey{background:#edf3ff;color:#153b84;border:1px solid #c8d7f8}.auth-divider{display:flex;align-items:center;gap:12px;color:#8b94a5;margin:12px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e2e7ef;flex:1}.auth-divider span{font-size:11px}
.admin-live-link{display:inline-flex;align-items:center;gap:6px}.staff-live-shell{max-width:680px;margin:0 auto;padding:20px}.staff-live-card{background:#fff;border-radius:26px;padding:22px;box-shadow:0 20px 50px rgba(13,27,61,.12)}.staff-live-map{height:210px;background:linear-gradient(135deg,#eaf3ff,#eefcf8);border-radius:20px;display:grid;place-items:center;text-align:center;padding:20px;margin:18px 0}.staff-live-map b{display:block;font-size:20px;color:#0d1b3d}.location-sharing{background:#e9fff7;color:#087653}.otp-entry{display:flex;gap:10px}.otp-entry input{font-size:26px;letter-spacing:.28em;text-align:center}
.admin-growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.journey-card,.rule-card,.ticket-admin-card{background:#fff;border:1px solid #e4e9f1;border-radius:20px;padding:16px}.journey-card h3,.rule-card h3,.ticket-admin-card h3{margin:5px 0;color:#0d1b3d}.journey-card p,.rule-card p,.ticket-admin-card p{color:#687488;font-size:12px}.journey-card .premium-form{margin-top:12px}.admin-ticket-thread{max-height:280px;overflow:auto;background:#f6f8fc;border-radius:14px;padding:10px}
@media(max-width:720px){.loyalty-grid{grid-template-columns:1fr}.payment-card{grid-template-columns:1fr}.payment-card .btn,.payment-card>a:first-of-type,.payment-card>a:last-of-type{grid-column:1}.admin-growth-grid{grid-template-columns:1fr}.member-qr{width:230px;min-height:230px}.premium-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.premium-feature-grid{grid-template-columns:1fr}.member-card-bottom{grid-template-columns:1fr 1fr}.member-card-bottom>div:last-child{grid-column:1/-1}}

.ticket-file-link{display:inline-flex;align-items:center;gap:.35rem;margin:.35rem .35rem .25rem 0;padding:.45rem .65rem;border-radius:10px;background:#eef4ff;color:#174ea6;font-weight:700;font-size:.82rem;text-decoration:none}.staff-profile-card{border:1px solid #e5eaf3;border-radius:20px;padding:18px;background:#fff}.staff-profile-card h3{margin:0 0 12px}.pickup-identity{display:flex;gap:12px;align-items:center}.pickup-identity .customer-circle{flex:none}

.preference-destinations{padding:14px;border:1px solid #e5eaf3;border-radius:16px;background:#f8faff}.preference-destinations .check-row{margin:.35rem 0}