.portal-hero{padding:54px 0 34px;background:linear-gradient(135deg,#0a1f3f,#173d70);color:#fff}.portal-hero small{font-weight:900;letter-spacing:1.8px;color:#5fd0ec}.portal-hero h1{font-size:clamp(28px,4vw,44px);margin:8px 0}.portal-hero p{max-width:720px;color:rgba(255,255,255,.72);line-height:1.7}.portal-shell{padding:34px 0 80px;background:#f4f7fb}.portal-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.portal-side,.portal-card{background:#fff;border:1px solid #dfe7f1;border-radius:22px;box-shadow:0 14px 42px rgba(14,35,67,.06)}.portal-side{padding:14px;position:sticky;top:96px}.portal-profile{padding:14px;border-radius:15px;background:linear-gradient(135deg,#0e315c,#286bc2);color:#fff;margin-bottom:10px}.portal-profile b{display:block;font-size:15px}.portal-profile small{display:block;margin-top:4px;color:rgba(255,255,255,.7)}.portal-nav{display:grid;gap:5px}.portal-nav a{padding:12px 13px;border-radius:12px;color:#496079;font-weight:800;font-size:12px}.portal-nav a:hover,.portal-nav a.active{background:#edf5ff;color:#1558ac}.portal-content{display:grid;gap:18px}.portal-card{padding:22px}.portal-card h2{margin:0 0 6px;font-size:19px}.portal-card>p{margin:0 0 18px;color:#73849a;font-size:12px}.portal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portal-stat{padding:18px;border:1px solid #e3eaf3;border-radius:16px;background:#fbfdff}.portal-stat small{color:#8291a4;font-size:9px;font-weight:900;letter-spacing:1px}.portal-stat b{display:block;font-size:25px;margin-top:6px;color:#123b68}.portal-table{width:100%;border-collapse:collapse}.portal-table th{font-size:9px;letter-spacing:1px;color:#7f8da0;text-align:left;padding:12px;border-bottom:1px solid #e7edf4}.portal-table td{padding:14px 12px;border-bottom:1px solid #edf1f5;font-size:11px;color:#425873;vertical-align:top}.portal-table td b{color:#142d4d}.portal-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf5ff;color:#155db4;font-size:9px;font-weight:900}.portal-badge.green{background:#e8f8ef;color:#14764d}.portal-badge.orange{background:#fff5e7;color:#9a6517}.portal-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:0;border-radius:11px;background:linear-gradient(135deg,#143a68,#286ec7);color:#fff;font:800 11px/1 inherit;cursor:pointer}.portal-btn.soft{background:#edf4fc;color:#1b5da8}.portal-form{display:grid;gap:13px}.portal-form .field label{display:block;font-size:10px;font-weight:900;margin-bottom:6px;color:#344d69}.portal-form input,.portal-form select,.portal-form textarea{width:100%;border:1px solid #dce5ef;border-radius:12px;padding:12px 13px;font:inherit;color:#203953;background:#fff}.portal-form textarea{min-height:130px;resize:vertical}.ticket-list{display:grid;gap:10px}.ticket-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px;border:1px solid #e2eaf3;border-radius:14px}.ticket-item h3{margin:0 0 5px;font-size:13px}.ticket-item p{margin:0;color:#7d8da1;font-size:10px}.ticket-thread{display:grid;gap:12px}.ticket-message{max-width:82%;padding:14px 15px;border-radius:16px;background:#f0f5fb;color:#3a506a}.ticket-message.customer{margin-left:auto;background:#e6f2ff}.ticket-message small{display:block;margin-top:8px;color:#8190a2}.portal-login-wrap{min-height:65vh;display:grid;place-items:center;padding:60px 20px;background:#f4f7fb}.portal-login{width:min(480px,100%);background:#fff;border:1px solid #dce5ef;border-radius:26px;padding:30px;box-shadow:0 25px 70px rgba(12,35,66,.1)}.portal-login h1{margin:0 0 8px}.portal-login p{color:#73859a;line-height:1.7;font-size:12px}.invoice-sheet{max-width:900px;margin:auto;background:#fff}.invoice-head{display:flex;justify-content:space-between;gap:20px}.invoice-head h1{margin:0}.invoice-summary{margin-top:22px;border:1px solid #e1e7ef;border-radius:16px;overflow:hidden}.invoice-row{display:flex;justify-content:space-between;gap:20px;padding:11px 14px;border-bottom:1px solid #edf1f5}.invoice-row:last-child{border-bottom:0}.invoice-row.total{font-size:17px;font-weight:900;background:#f4f8fd}.portal-empty{text-align:center;padding:32px;color:#8190a3}.portal-mobile-title{display:none}
@media(max-width:820px){.portal-grid{grid-template-columns:1fr}.portal-side{position:static;display:none}.portal-stats{grid-template-columns:repeat(2,1fr)}.portal-mobile-title{display:block}.portal-table{min-width:680px}.portal-table-wrap{overflow:auto}.ticket-item{grid-template-columns:1fr}.ticket-message{max-width:94%}}
@media print{.kcb-header,.footer-cta,.footer-v207,.kcb-back-to-top,.kcb-mobile-dock,.portal-side,.portal-actions{display:none!important}.portal-shell{padding:0;background:#fff}.portal-card{border:0;box-shadow:none}.portal-grid{display:block}}