:root{--p-blue:#0b67e3;--p-blue2:#2c7cf5;--p-navy:#0d2740;--p-text:#17324d;--p-muted:#6f8498;--p-bg:#eef5fb;--p-card:#fff;--p-line:#dce7f1;--p-green:#079669;--p-red:#d84646;--p-amber:#c98306;--p-radius:20px;--p-shadow:0 16px 45px rgba(25,65,104,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.portal-body{margin:0;background:var(--p-bg);font-family:Inter,Arial,sans-serif;color:var(--p-text);min-height:100vh}.portal-shell{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:100vh}.portal-sidebar{position:sticky;top:0;height:100vh;background:#0c2237;color:#dbe8f4;padding:22px 18px;display:flex;flex-direction:column;z-index:50}.portal-brand-row{display:flex;align-items:center;gap:10px}.portal-brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;min-width:0}.portal-brand img{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff}.portal-brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#0b67e3,#6ab1ff);display:grid;place-items:center;font-weight:800;font-size:22px}.portal-brand span:last-child{display:flex;flex-direction:column;min-width:0}.portal-brand b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-brand small{font-size:10px;color:#89a5bd;text-transform:uppercase;letter-spacing:1.3px;margin-top:3px}.portal-sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:20px}.portal-mini-balance{margin:24px 2px 18px;padding:17px;background:linear-gradient(145deg,rgba(38,124,245,.28),rgba(38,124,245,.12));border:1px solid rgba(123,181,255,.24);border-radius:18px}.portal-mini-balance span,.portal-mini-balance small{display:block;color:#9fbed7;font-size:11px}.portal-mini-balance strong{display:block;color:#fff;font-size:22px;margin:5px 0 4px}.portal-mini-balance a{display:inline-flex;gap:7px;align-items:center;margin-top:12px;color:#bcdcff;text-decoration:none;font-size:12px;font-weight:700}.portal-nav{display:flex;flex-direction:column;gap:5px;overflow:auto;padding-right:2px}.portal-nav a{display:flex;align-items:center;gap:11px;color:#abc0d2;text-decoration:none;padding:11px 13px;border-radius:12px;font-size:13px;font-weight:600}.portal-nav a i{font-size:17px;width:22px;text-align:center}.portal-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.portal-nav a.active{background:#fff;color:#0d4f9d;box-shadow:0 10px 24px rgba(0,0,0,.15)}.portal-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#f64768;color:#fff;display:grid;place-items:center;font-size:10px}.portal-sidebar-bottom{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px;flex-wrap:wrap}.portal-sidebar-bottom a{flex:1;color:#aac0d2;text-decoration:none;font-size:11px;display:flex;gap:7px;align-items:center}.portal-main{min-width:0;display:flex;flex-direction:column}.portal-topbar{height:82px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--p-line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30}.portal-topbar-left{display:flex;align-items:center;gap:14px}.portal-topbar-left span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#7d94aa}.portal-topbar-left h1{margin:2px 0 0;font-size:20px;color:var(--p-navy)}.portal-menu-button{display:none;width:42px;height:42px;border:1px solid var(--p-line);background:#fff;border-radius:12px;font-size:20px}.portal-topbar-actions{display:flex;align-items:center;gap:10px}.portal-icon-button{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--p-line);background:#fff;color:var(--p-text);display:grid;place-items:center;text-decoration:none}.portal-icon-button b{position:absolute;top:-5px;right:-5px;background:#f64768;color:#fff;font-size:9px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center}.portal-user-chip{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--p-text);padding:6px 10px;border:1px solid var(--p-line);background:#fff;border-radius:14px}.portal-user-chip>span:last-child{display:flex;flex-direction:column;max-width:180px}.portal-user-chip b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-user-chip small{font-size:10px;color:var(--p-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b67e3,#76b4ff);color:#fff;font-weight:800;overflow:hidden}.portal-avatar img{width:100%;height:100%;object-fit:cover}.portal-content{width:min(1480px,100%);padding:28px 30px 45px;margin:0 auto;flex:1}.portal-footer{padding:16px 30px;color:#8094a7;font-size:11px;text-align:center}.portal-alert{padding:14px 16px;border-radius:14px;margin-bottom:18px;border:1px solid var(--p-line);background:#fff;font-size:13px}.portal-alert.success{background:#ecfbf5;border-color:#bdebd9;color:#087657}.portal-alert.error{background:#fff1f1;border-color:#f4caca;color:#a42d2d}.portal-alert.info{background:#eef6ff;border-color:#c7ddfa;color:#245a91}.portal-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px;margin-bottom:22px}.portal-hero-main,.portal-hero-balance{border-radius:24px;padding:28px;box-shadow:var(--p-shadow)}.portal-hero-main{background:linear-gradient(120deg,#ffffff,#f7fbff);border:1px solid var(--p-line)}.portal-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--p-blue)}.portal-hero-main h2{font-size:30px;line-height:1.2;margin:8px 0 10px;color:var(--p-navy)}.portal-hero-main p{margin:0;color:var(--p-muted);font-size:13px;line-height:1.7}.portal-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.portal-hero-balance{background:linear-gradient(145deg,#0b67e3,#074da9);color:#fff;display:flex;flex-direction:column;justify-content:center}.portal-hero-balance span{font-size:11px;color:#c7ddff}.portal-hero-balance strong{font-size:34px;margin:6px 0}.portal-hero-balance small{font-size:11px;color:#dceaff}.portal-button{border:0;border-radius:12px;padding:11px 16px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--p-blue);color:#fff}.portal-button:hover{filter:brightness(.97)}.portal-button.secondary{background:#eaf3ff;color:#0d5bb8}.portal-button.light{background:#fff;color:var(--p-text);border:1px solid var(--p-line)}.portal-button.success{background:var(--p-green)}.portal-button.danger{background:#fff0f0;color:#b93434;border:1px solid #f3cccc}.portal-button.small{padding:8px 11px;border-radius:9px;font-size:10px}.portal-button:disabled{opacity:.55;cursor:not-allowed}.portal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.portal-kpi{background:#fff;border:1px solid var(--p-line);border-radius:18px;padding:18px;box-shadow:var(--p-shadow)}.portal-kpi-head{display:flex;justify-content:space-between;align-items:center}.portal-kpi-icon{width:38px;height:38px;border-radius:12px;background:#eef5ff;color:var(--p-blue);display:grid;place-items:center}.portal-kpi span{font-size:11px;color:var(--p-muted)}.portal-kpi strong{display:block;font-size:24px;color:var(--p-navy);margin-top:12px}.portal-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.portal-card{grid-column:span 12;background:#fff;border:1px solid var(--p-line);border-radius:20px;box-shadow:var(--p-shadow);overflow:hidden}.portal-card.span-8{grid-column:span 8}.portal-card.span-7{grid-column:span 7}.portal-card.span-6{grid-column:span 6}.portal-card.span-5{grid-column:span 5}.portal-card.span-4{grid-column:span 4}.portal-card-head{padding:18px 20px;border-bottom:1px solid var(--p-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-card-head h2{font-size:15px;margin:0;color:var(--p-navy)}.portal-card-head p{font-size:11px;color:var(--p-muted);margin:4px 0 0}.portal-card-body{padding:20px}.portal-table-wrap{overflow:auto}.portal-table{width:100%;border-collapse:collapse;min-width:720px}.portal-table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8398ab;text-align:left;padding:12px;border-bottom:1px solid var(--p-line)}.portal-table td{padding:13px 12px;border-bottom:1px solid #edf2f7;font-size:11px;vertical-align:top}.portal-table tr:last-child td{border-bottom:0}.portal-table b{font-size:12px;color:var(--p-navy)}.portal-table small{color:var(--p-muted)}.portal-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:#edf4fb;color:#526b83}.portal-badge.success,.portal-badge.paid,.portal-badge.active,.portal-badge.completed,.portal-badge.activated{background:#e7f8f1;color:#087657}.portal-badge.pending,.portal-badge.processing,.portal-badge.in_progress{background:#fff5df;color:#996400}.portal-badge.failed,.portal-badge.cancelled,.portal-badge.blocked{background:#fff0f0;color:#b63a3a}.portal-list{display:flex;flex-direction:column}.portal-list-item{padding:14px 0;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;gap:12px}.portal-list-item:last-child{border-bottom:0}.portal-list-item b{font-size:12px}.portal-list-item p{font-size:11px;color:var(--p-muted);margin:4px 0 0;line-height:1.55}.portal-list-item time{font-size:9px;color:#91a4b6;white-space:nowrap}.portal-empty{padding:38px 20px;text-align:center;color:#8296a8;font-size:12px}.portal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-field{display:flex;flex-direction:column;gap:7px}.portal-field.full{grid-column:1/-1}.portal-field label{font-size:11px;font-weight:800;color:#36536d}.portal-field input,.portal-field select,.portal-field textarea{width:100%;border:1px solid #cfddea;background:#fff;border-radius:12px;padding:11px 12px;font:inherit;font-size:12px;color:var(--p-text);outline:none}.portal-field input:focus,.portal-field select:focus,.portal-field textarea:focus{border-color:#73aaf2;box-shadow:0 0 0 3px rgba(11,103,227,.08)}.portal-field small{font-size:9px;color:#8195a8}.portal-form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.portal-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portal-product{background:#fff;border:1px solid var(--p-line);border-radius:18px;overflow:hidden;box-shadow:var(--p-shadow);display:flex;flex-direction:column}.portal-product-image{aspect-ratio:16/9;background:#eef4fa;overflow:hidden}.portal-product-image img{width:100%;height:100%;object-fit:cover}.portal-product-body{padding:17px;display:flex;flex-direction:column;gap:9px;flex:1}.portal-product h3{font-size:15px;margin:0;color:var(--p-navy)}.portal-product p{font-size:11px;line-height:1.55;color:var(--p-muted);margin:0}.portal-product-price{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.portal-product-price strong{font-size:19px;color:var(--p-blue)}.portal-cart-row{display:grid;grid-template-columns:auto 82px minmax(180px,1fr) 130px auto;align-items:center;gap:14px;padding:15px;border-bottom:1px solid #edf2f7}.portal-cart-row img{width:82px;height:58px;object-fit:cover;border-radius:11px;background:#eef4f9}.portal-cart-info b{font-size:13px}.portal-cart-info small{display:block;color:var(--p-muted);margin-top:4px}.portal-check{width:18px;height:18px}.portal-checkout-box{background:linear-gradient(145deg,#f8fbff,#eef6ff);border:1px solid #cfe1f6;border-radius:18px;padding:18px}.portal-checkout-line{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:12px}.portal-checkout-line.total{border-top:1px solid #cbddeb;margin-top:8px;padding-top:14px;font-weight:800;font-size:15px}.portal-notification.unread{background:#f5f9ff;border-left:3px solid var(--p-blue);padding-left:15px}.portal-message-thread{display:flex;flex-direction:column;gap:12px}.portal-message{max-width:82%;padding:12px 14px;border-radius:15px;background:#eff5fb;font-size:12px;line-height:1.55}.portal-message.user{align-self:flex-end;background:#0b67e3;color:#fff}.portal-message small{display:block;margin-top:6px;opacity:.68;font-size:9px}.portal-avatar-large{width:100px;height:100px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#0b67e3,#74b4ff);display:grid;place-items:center;color:#fff;font-size:36px;font-weight:800}.portal-avatar-large img{width:100%;height:100%;object-fit:cover}.portal-profile-header{display:flex;align-items:center;gap:18px;margin-bottom:22px}.portal-profile-header h2{margin:0 0 5px}.portal-profile-header p{margin:0;color:var(--p-muted);font-size:12px}.portal-login-body{min-height:100vh;background:radial-gradient(circle at top right,#dcecff,transparent 42%),linear-gradient(135deg,#f7fbff,#eef5fb);display:grid;place-items:center;padding:24px}.portal-auth-shell{width:min(1060px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--p-line);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(35,72,110,.14)}.portal-auth-showcase{padding:46px;background:linear-gradient(145deg,#0c2d4e,#0b67e3);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:620px}.portal-auth-showcase h1{font-size:40px;line-height:1.12;margin:18px 0}.portal-auth-showcase p{color:#d7e8fb;font-size:13px;line-height:1.7}.portal-auth-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-auth-point{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:14px;border-radius:14px;font-size:11px}.portal-auth-panel{padding:42px;display:flex;flex-direction:column;justify-content:center}.portal-auth-panel h2{font-size:28px;margin:0;color:var(--p-navy)}.portal-auth-panel>p{color:var(--p-muted);font-size:12px;line-height:1.6;margin:8px 0 22px}.portal-auth-form{display:flex;flex-direction:column;gap:14px}.portal-auth-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#36536d}.portal-auth-form input{border:1px solid #cfddea;border-radius:12px;padding:12px 13px;font:inherit;font-size:12px}.portal-auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#8da0b3;font-size:10px}.portal-auth-divider:before,.portal-auth-divider:after{content:"";height:1px;background:#e1e8f0;flex:1}.portal-auth-links{font-size:11px;text-align:center;margin-top:18px;color:var(--p-muted)}.portal-auth-links a{color:var(--p-blue);font-weight:700;text-decoration:none}.portal-auth-error{background:#fff0f0;border:1px solid #f3caca;color:#a63131;border-radius:12px;padding:11px 12px;font-size:11px;margin-bottom:14px}.portal-auth-success{background:#eaf9f3;border:1px solid #bde8d6;color:#087657;border-radius:12px;padding:11px 12px;font-size:11px;margin-bottom:14px}.portal-sidebar-backdrop{display:none}.portal-status-note{padding:12px 14px;border-radius:12px;background:#f6f9fc;color:#657d93;font-size:11px;line-height:1.6}.portal-receipt{max-width:820px;margin:auto;background:#fff;border:1px solid var(--p-line);border-radius:24px;overflow:hidden;box-shadow:var(--p-shadow)}.portal-receipt-head{padding:28px;background:linear-gradient(135deg,#0b67e3,#084c9d);color:#fff;display:flex;justify-content:space-between;gap:20px}.portal-receipt-head h2{margin:4px 0 0;font-size:28px}.portal-receipt-body{padding:28px}.portal-receipt-row{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid #edf2f7;font-size:12px}.portal-receipt-row span{color:var(--p-muted)}.portal-receipt-row b{color:var(--p-navy);word-break:break-word}@media(max-width:1180px){.portal-kpis{grid-template-columns:repeat(2,1fr)}.portal-products{grid-template-columns:repeat(2,1fr)}.portal-card.span-8,.portal-card.span-7,.portal-card.span-6,.portal-card.span-5,.portal-card.span-4{grid-column:span 12}}@media(max-width:900px){.portal-shell{display:block}.portal-sidebar{position:fixed;left:0;top:0;width:285px;transform:translateX(-105%);transition:.25s ease}.portal-sidebar-open .portal-sidebar{transform:none}.portal-sidebar-close{display:block}.portal-sidebar-backdrop{position:fixed;inset:0;background:rgba(3,17,31,.46);border:0;z-index:45}.portal-sidebar-open .portal-sidebar-backdrop{display:block}.portal-menu-button{display:grid;place-items:center}.portal-hero{grid-template-columns:1fr}.portal-topbar{padding:0 18px}.portal-content{padding:22px 18px 38px}}@media(max-width:650px){.portal-user-chip>span:last-child{display:none}.portal-topbar-left h1{font-size:17px}.portal-kpis{grid-template-columns:1fr 1fr;gap:10px}.portal-kpi{padding:14px}.portal-kpi strong{font-size:20px}.portal-products{grid-template-columns:1fr}.portal-form{grid-template-columns:1fr}.portal-field.full,.portal-form-actions{grid-column:auto}.portal-cart-row{grid-template-columns:auto 64px 1fr auto}.portal-cart-row img{width:64px;height:48px}.portal-cart-row>.portal-cart-price{grid-column:3/4}.portal-auth-shell{grid-template-columns:1fr}.portal-auth-showcase{display:none}.portal-auth-panel{padding:28px 22px;min-height:100vh}.portal-card-head{align-items:flex-start}.portal-hero-main,.portal-hero-balance{padding:22px}.portal-hero-main h2{font-size:25px}.portal-receipt-row{grid-template-columns:1fr;gap:5px}.portal-receipt-head{padding:22px;flex-direction:column}.portal-receipt-body{padding:20px}}@media(max-width:420px){.portal-kpis{grid-template-columns:1fr}.portal-icon-button{display:none}.portal-content{padding-left:12px;padding-right:12px}.portal-topbar{padding-left:12px;padding-right:12px}}