*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#102542;background:#f7f9fc}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{height:74px;background:#fff;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;padding:0 4%;gap:34px;position:sticky;top:0;z-index:30}.brand{display:inline-flex;align-items:center;font-weight:800;font-size:24px;letter-spacing:-1px}.brand span{background:#12355b;color:#fff;padding:7px 10px;border-radius:7px 0 0 7px}.brand strong{background:#00a6c8;color:#fff;padding:7px 10px;border-radius:0 7px 7px 0}.main-nav{display:flex;gap:28px;margin:auto}.main-nav a{font-weight:700;color:#13294b}.main-nav a:hover{color:#ef3158}.header-actions{display:flex;align-items:center;gap:14px}.inline-form{display:flex;align-items:center;gap:6px}.inline-form select{border:0;background:#fff;color:#13294b;font-weight:700;padding:8px 5px}.icon-link{font-size:14px;font-weight:700}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:13px 22px;font-weight:700;cursor:pointer}.btn.primary{background:#ef3158;color:#fff}.btn.secondary{background:#112e54;color:#fff}.btn.light{background:#edf2f7;color:#123}.btn.danger{background:#c93838;color:#fff}.btn.success{background:#178a52;color:#fff}.btn.small{padding:8px 14px;border-radius:9px;font-size:13px}.btn.full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.flash-wrap{padding-top:18px}.alert{padding:14px 16px;border-radius:10px;margin:12px 0}.alert.success{background:#e6f7ee;color:#126a40;border:1px solid #b8e8ce}.alert.warning{background:#fff6db;color:#795d00;border:1px solid #f2dc92}.alert.danger{background:#fdeaea;color:#8b1e1e;border:1px solid #f1bcbc}.alert.info{background:#eaf5ff;color:#13577f;border:1px solid #b9dff7}.hero{padding:70px 0 34px;text-align:center;background:#fff}.hero h1{font-size:48px;margin:0 0 20px;letter-spacing:-1px}.hero p{font-size:18px;color:#55657b;max-width:760px;margin:0 auto 26px;line-height:1.55}.tabs{display:inline-flex;background:#fff;border:1px solid #e5e9ef;padding:6px;border-radius:18px;box-shadow:0 4px 16px rgba(16,37,66,.08);gap:4px}.tabs a,.tabs button{border:0;background:transparent;padding:12px 24px;border-radius:13px;font-weight:700;cursor:pointer}.tabs .active{background:#12355b;color:#fff}.tabs.red .active{background:#ef3158}.shop-section{padding:30px 0 70px}.search-row{display:flex;gap:12px;align-items:center;margin-bottom:26px}.search-row input{flex:1;max-width:460px;padding:15px 18px;border:1px solid #dfe5ed;border-radius:24px;background:#fff}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.country-card{background:#fff;border:1px solid #e8ecf1;border-radius:17px;padding:20px;box-shadow:0 3px 12px rgba(16,37,66,.05);font-weight:700;display:flex;justify-content:space-between;align-items:center}.country-card.active{background:#edf4f8;border-color:#d8e4ec}.plan-group{margin:34px 0}.plan-group h2{font-size:26px;margin-bottom:18px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:19px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 12px rgba(16,37,66,.04);transition:.15s}.plan-card:hover{border-color:#ef3158;transform:translateY(-1px)}.plan-card .name{font-weight:700;max-width:55%}.plan-card .meta{text-align:right}.plan-card .data{font-size:18px;font-weight:800}.plan-card .price{font-size:17px;margin-left:8px}.plan-card.unlimited .data{color:#ef3158}.page-shell{padding:46px 0 70px}.page-title{font-size:34px;margin:0 0 24px}.empty-state{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:75px 25px;text-align:center}.empty-state .icon{width:68px;height:68px;border-radius:50%;margin:0 auto 20px;background:#e5f0ff;color:#1478ff;display:grid;place-items:center;font-size:28px}.empty-state h2{margin:0 0 12px}.empty-state p{color:#607087;max-width:480px;margin:0 auto 25px;line-height:1.5}.card{background:#fff;border:1px solid #e5eaf0;border-radius:17px;padding:22px;box-shadow:0 3px 12px rgba(16,37,66,.04)}.card h2,.card h3{margin-top:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-hero{display:flex;justify-content:space-between;gap:20px;align-items:start}.detail-hero .price-big{font-size:40px;font-weight:800}.metric-row{display:flex;justify-content:space-between;background:#f0f3f7;border-radius:12px;padding:18px;margin:20px 0}.text-list{white-space:pre-line;line-height:1.55;color:#3f5068}.checkout-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.form-card label{display:block;font-weight:700;margin:14px 0 7px}.form-card input,.form-card select,.form-card textarea,.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid #d9e0e8;border-radius:10px;padding:12px;background:#fff}.radio-card{border:1px solid #d9e0e8;border-radius:12px;padding:15px;margin:10px 0;display:flex;align-items:center;gap:10px}.summary-list{display:grid;gap:12px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid #e5eaf0;padding-bottom:12px}.summary-row.total{font-size:22px;font-weight:800;border-bottom:0}.orders-table,.admin-table{width:100%;border-collapse:collapse;background:#fff}.orders-table th,.orders-table td,.admin-table th,.admin-table td{padding:13px;border-bottom:1px solid #e8ecf1;text-align:left;vertical-align:top}.orders-table th,.admin-table th{font-size:12px;text-transform:uppercase;color:#64748b}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.success{background:#daf5e7;color:#12643e}.badge.warning{background:#fff0c6;color:#745400}.badge.danger{background:#fde0e0;color:#8a2020}.badge.info{background:#dff0ff;color:#145b86}.esim-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.esim-card{background:#fff;border:1px solid #e4eaf0;border-radius:18px;padding:22px}.esim-card h3{margin:0 0 8px}.progress{height:11px;background:#e8edf2;border-radius:999px;overflow:hidden;margin:12px 0}.progress span{display:block;height:100%;background:#00a6c8}.qr-box{background:#fff;border:1px dashed #c8d1dc;border-radius:14px;padding:18px;text-align:center;margin-top:15px}.qr-box img{max-width:240px;max-height:240px}.code-box{background:#f3f6f9;border-radius:10px;padding:12px;word-break:break-all;font-family:monospace}.wallet-balance{font-size:44px;font-weight:800}.ticket-thread{display:grid;gap:12px}.ticket-message{padding:14px;border-radius:12px;background:#eef3f8;max-width:80%}.ticket-message.mine{background:#dff4ff;margin-left:auto}.site-footer{background:#112e54;color:#fff;padding:44px 0 22px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}.footer-grid div{display:grid;gap:8px}.footer-grid span{color:#d3deeb}.footer-bottom{margin-top:30px;border-top:1px solid rgba(255,255,255,.3);padding-top:18px;font-size:13px}.auth-body{min-height:100vh;background:linear-gradient(140deg,#eef7fb,#f8f9fc);display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 16px 45px rgba(16,37,66,.12)}.auth-card.wide{width:min(620px,100%)}.auth-card h1{margin:24px 0}.auth-card label{display:block;font-weight:700;margin:14px 0 7px}.auth-card input,.auth-card select{width:100%;border:1px solid #dce3eb;border-radius:10px;padding:12px}.auth-links{text-align:center;margin-top:18px}.admin-body{background:#f5f7fa}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:225px;background:#fff;border-right:1px solid #e2e7ee;padding:18px;display:flex;flex-direction:column;z-index:40;overflow-y:auto;overflow-x:hidden}.admin-brand{font-size:20px;margin-bottom:22px}.wallet-box{background:linear-gradient(135deg,#62bdd1,#1676ad);color:#fff;border-radius:13px;padding:16px;margin-bottom:18px;display:grid;gap:6px}.wallet-box strong{font-size:22px}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a,.admin-sidebar-bottom a{padding:10px 12px;border-radius:8px;font-weight:700;font-size:14px}.admin-sidebar nav a:hover,.admin-sidebar-bottom a:hover{background:#eef4f8;color:#0c6e9e}.admin-sidebar-bottom{margin-top:auto;display:grid}.admin-main{margin-left:225px;min-height:100vh}.admin-topbar{height:72px;background:#fff;border-bottom:1px solid #e2e7ee;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.admin-topbar h1{font-size:23px;margin:0}.admin-content{padding:26px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #e5eaf0;border-radius:15px;padding:20px}.stat-card small{color:#64748b}.stat-card strong{display:block;font-size:30px;margin-top:10px}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.toolbar .filters{display:flex;gap:8px;flex-wrap:wrap}.toolbar input,.toolbar select{border:1px solid #d9e0e8;border-radius:9px;padding:10px}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-form .full-row{grid-column:1/-1}.actions{display:flex;gap:7px;flex-wrap:wrap}.pagination{display:flex;gap:6px;margin-top:20px}.pagination a,.pagination span{padding:8px 11px;background:#fff;border:1px solid #dfe5ec;border-radius:7px}.pagination .active{background:#12355b;color:#fff}.modal{display:none;position:fixed;inset:0;background:rgba(10,25,45,.55);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-panel{background:#fff;border-radius:18px;max-width:760px;width:100%;max-height:90vh;overflow:auto;padding:25px}.modal-close{float:right;background:transparent;border:0;font-size:25px;cursor:pointer}@media(max-width:1000px){.main-nav{display:none}.site-header{padding:0 18px}.header-actions .icon-link{display:none}.plan-grid,.country-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.checkout-grid,.detail-grid{grid-template-columns:1fr}.admin-sidebar{width:190px}.admin-main{margin-left:190px}}@media(max-width:700px){.brand{font-size:18px}.site-header{gap:10px;height:auto;min-height:66px;flex-wrap:wrap;padding:10px 14px}.header-actions{margin-left:auto}.inline-form select{font-size:12px}.hero{padding:45px 0 25px}.hero h1{font-size:34px}.plan-grid,.country-grid,.esim-grid,.footer-grid,.stats-grid,.admin-grid-2,.admin-form{grid-template-columns:1fr}.admin-sidebar{position:static;width:100%;height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-sidebar-bottom{display:none}.admin-main{margin-left:0}.admin-topbar{padding:0 16px}.admin-content{padding:15px}.orders-table,.admin-table{display:block;overflow-x:auto}.detail-hero{display:block}.footer-grid{text-align:left}.tabs a,.tabs button{padding:10px 14px}}
.btn.warning{background:#d69216;color:#fff}
/* QRESIM BRAND V1.5.3 */
.qresim-brand-link{display:inline-flex!important;align-items:center!important;padding:0!important;background:transparent!important;border-radius:0!important;letter-spacing:0!important;line-height:1!important}
.qresim-brand-link img{display:block;width:auto;height:52px;max-width:230px;object-fit:contain}
.admin-sidebar .qresim-brand-link{display:flex!important;width:100%;justify-content:center;margin-bottom:18px}
.admin-sidebar .qresim-brand-link img{height:auto;max-height:78px;max-width:190px}
.auth-card .qresim-brand-link,.auth-card>div.qresim-brand-link{display:flex!important;justify-content:flex-start}
.auth-card .qresim-brand-link img,.auth-card>div.qresim-brand-link img{height:auto;max-height:110px;max-width:310px}
@media(max-width:700px){.qresim-brand-link img{height:44px;max-width:175px}.auth-card .qresim-brand-link img,.auth-card>div.qresim-brand-link img{max-width:250px;max-height:92px}}


.guide-page .page-title{margin-bottom:14px}.guide-kicker{display:inline-block;background:#eaf3ff;color:#12355b;font-weight:700;border-radius:999px;padding:8px 14px;margin-bottom:14px}.guide-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.guide-hero p,.guide-device-card p,.guide-step-card p,.guide-bottom-grid p,.guide-list{color:#55657b;line-height:1.7}.guide-hero-visual{display:flex;justify-content:center;gap:18px;align-items:flex-end}.guide-phone{width:170px;height:330px;border-radius:28px;background:linear-gradient(180deg,#173d69,#102542);padding:12px;box-shadow:0 18px 44px rgba(16,37,66,.16)}.guide-phone.android{transform:translateY(18px);background:linear-gradient(180deg,#00a6c8,#12355b)}.guide-phone-screen{height:100%;border-radius:20px;background:#f7f9fc;padding:16px;display:flex;flex-direction:column}.guide-screen-badge{display:inline-block;background:#12355b;color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;align-self:flex-start}.guide-qr{width:84px;height:84px;border-radius:10px;margin:28px auto 18px;background:repeating-linear-gradient(0deg,#102542 0,#102542 6px,#fff 6px,#fff 12px),repeating-linear-gradient(90deg,#102542 0,#102542 6px,#fff 6px,#fff 12px);background-blend-mode:multiply}.guide-screen-lines{flex:1;border-radius:12px;background:linear-gradient(180deg,#dfe8f2 0,#dfe8f2 16%,transparent 16%,transparent 28%,#dfe8f2 28%,#dfe8f2 44%,transparent 44%,transparent 56%,#dfe8f2 56%,#dfe8f2 72%,transparent 72%,transparent 84%,#dfe8f2 84%,#dfe8f2 100%)}.guide-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.guide-device-card,.guide-step-card{position:relative}.guide-device-icon{width:56px;height:56px;border-radius:16px;background:#eef4f8;display:grid;place-items:center;font-size:28px;margin-bottom:14px}.guide-intro{margin-bottom:18px}.guide-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-step-card{background:#f8fbff;border:1px solid #e1ebf5;border-radius:16px;padding:20px}.guide-step-card.emphasis{background:#fff7e8;border-color:#ffd089}.guide-step-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#12355b;color:#fff;font-weight:700;margin-bottom:12px}.guide-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.guide-list{margin:0;padding-left:18px}.guide-list li{margin-bottom:12px}.guide-list li:last-child{margin-bottom:0}@media(max-width:900px){.guide-hero,.guide-device-grid,.guide-steps-grid,.guide-bottom-grid{grid-template-columns:1fr}.guide-hero-visual{padding-top:6px}.guide-phone.android{transform:none}}

/* Client header refresh */
.site-header{height:auto;min-height:80px;padding:10px 24px;gap:0;display:block}
.site-header .header-inner{width:100%;display:flex;align-items:center;gap:18px}
.header-brand-group{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.menu-toggle{display:none;border:1px solid #d9e3ef;background:#fff;color:#12355b;border-radius:12px;padding:10px 14px;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(16,37,66,.06)}
.header-panel{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.main-nav{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap;margin:0;min-width:0}
.main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:12px;font-weight:700;color:#173056;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}
.main-nav a:hover{background:#eef4fb;color:#0f6ba6}
.main-nav a.active{background:#12355b;color:#fff;box-shadow:0 10px 24px rgba(18,53,91,.16)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.preferences-form{display:flex;align-items:center;gap:8px;padding:6px;background:#f4f7fb;border:1px solid #e0e7f0;border-radius:14px}
.preferences-form select{min-width:78px;border:1px solid #d8e1eb;background:#fff;color:#13294b;font-weight:700;padding:10px 12px;border-radius:10px}
.header-user-links,.header-auth-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.header-user-links .icon-link,.header-auth-links .icon-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid #dbe4ee;border-radius:12px;background:#fff;color:#173056;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s}
.header-user-links .icon-link:hover,.header-auth-links .icon-link:hover{background:#eef4fb;color:#0f6ba6;border-color:#c8d6e5}
.header-user-links .user-link{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-user-links .logout-link{background:#12355b;color:#fff;border-color:#12355b}
.header-user-links .logout-link:hover{background:#0f2947;color:#fff;border-color:#0f2947}
.header-auth-links .btn.small{min-height:42px;padding:10px 16px}
@media(max-width:1280px){.site-header{padding:10px 18px}.main-nav a{padding:9px 12px;font-size:14px}.header-user-links .user-link{max-width:180px}}
@media(max-width:1000px){.site-header{padding:10px 14px}.site-header .header-inner{flex-direction:column;align-items:stretch;gap:10px}.header-brand-group{justify-content:space-between;width:100%}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.header-panel{display:none;flex-direction:column;align-items:stretch;gap:12px;padding-top:12px;border-top:1px solid #e6ebf2}.site-header.open .header-panel{display:flex}.main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.main-nav a{width:100%;justify-content:flex-start;white-space:normal;text-align:left}.header-actions{flex-direction:column;align-items:stretch;justify-content:flex-start}.preferences-form{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preferences-form select{width:100%;min-width:0}.header-user-links,.header-auth-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.header-user-links .icon-link,.header-auth-links .icon-link,.header-auth-links .btn.small{width:100%}}
@media(max-width:560px){.main-nav,.header-user-links,.header-auth-links,.preferences-form{grid-template-columns:1fr}.qresim-brand-link img{height:42px;max-width:165px}}

/* Client header compact refinement */
.site-header{min-height:72px;padding:20px 20px}
.site-header .header-inner{gap:14px}
.site-header .qresim-brand-link img{height:44px;max-width:190px}
.main-nav{gap:5px}
.main-nav a{min-height:38px;padding:8px 11px;border-radius:10px;font-size:16px;letter-spacing:0}
.main-nav a.active{box-shadow:0 7px 18px rgba(18,53,91,.14)}
.header-actions{gap:8px}
.preferences-form{gap:5px;padding:4px;border-radius:12px}
.preferences-form select{min-width:70px;padding:8px 9px;border-radius:9px;font-size:13px}
.header-user-links,.header-auth-links{gap:6px}
.header-user-links .icon-link,.header-auth-links .icon-link{min-height:38px;padding:8px 11px;border-radius:10px;font-size:13px}
.header-user-links .user-link{max-width:170px}
.header-auth-links .btn.small{min-height:38px;padding:8px 12px;font-size:13px}

/* My eSIM cards - aesthetic only */
.esim-grid{gap:20px}
.esim-card{position:relative;border:1px solid #dfe7ef;border-radius:20px;padding:22px 24px;box-shadow:0 8px 24px rgba(16,37,66,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:hidden}
.esim-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#18a9c5}
.esim-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,37,66,.09);border-color:#d2dde8}
.esim-card .detail-hero{align-items:center;margin-bottom:14px}
.esim-card h3{font-size:19px;line-height:1.2;margin:0 0 5px;color:#102542}
.esim-card .detail-hero small{font-size:13px;color:#65758a}
.esim-card p{margin:9px 0;line-height:1.45;color:#283d5b}
.esim-card p strong{color:#102542}
.esim-card .badge{padding:6px 10px;font-size:11px;letter-spacing:.1px}
.esim-card .progress{height:8px;margin:13px 0 10px;background:#e8eef4}
.esim-card .progress span{border-radius:999px}
.esim-card .actions{padding-top:4px}
.esim-card .actions .btn.small{min-height:36px;padding:8px 13px;border-radius:10px;font-size:12px}
.page-shell .detail-hero>.btn.secondary{border-radius:12px;min-height:40px;padding:10px 18px}

@media(max-width:1280px){
  .main-nav a{font-size:12.5px;padding:8px 9px}
  .header-user-links .icon-link,.header-auth-links .icon-link,.preferences-form select{font-size:12.5px}
}
@media(max-width:1000px){
  .site-header{padding:9px 14px}
  .site-header .qresim-brand-link img{height:42px;max-width:175px}
  .main-nav a{font-size:13px;padding:9px 11px}
  .esim-card{padding:20px}
}
@media(max-width:560px){
  .esim-card{padding:18px;border-radius:17px}
  .esim-card h3{font-size:18px}
  .esim-card .actions{gap:6px}
  .esim-card .actions .btn.small{width:100%}
}