.portal-shell{background:#f0f4f9;flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.portal-header{z-index:100;background:#3176b1;justify-content:space-between;align-items:center;height:62px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.portal-header-left{align-items:center;gap:12px;display:flex}.portal-logo{height:38px}.portal-title{color:#fff;letter-spacing:.02em;font-size:1.1rem;font-weight:700}.portal-header-right{align-items:center;gap:16px;display:flex}.portal-username{color:#dceeff;font-size:.9rem;font-weight:500}.portal-logout-btn{color:#fff;cursor:pointer;background:#ff3b3b;border-radius:6px;padding:6px 16px;font-size:.85rem;transition:background .2s}.portal-logout-btn:hover{background:#ff414b}.portal-body{flex:1;display:flex}.portal-sidebar{background:#fff;border-right:1px solid #e0e8f0;flex-direction:column;justify-content:space-between;width:220px;min-width:220px;padding:20px 0 24px;display:flex}.portal-nav-item{text-align:left;color:#444;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;width:100%;padding:13px 22px;font-size:.92rem;transition:background .15s,color .15s;display:flex}.portal-nav-item:hover{color:#3176b1;background:#eef5ff}.portal-nav-item--active{color:#3176b1;background:#eef5ff;border-left-color:#3176b1;font-weight:700}.portal-nav-icon{text-align:center;width:22px;font-size:1.1rem}.portal-sidebar-status{padding:0 14px}.portal-status-badge{text-align:center;border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:700}.badge-paid{color:#1a7a4a;background:#e6f9ef;border:1px solid #a8dfc0}.badge-pending{color:#856404;background:#fff8e1;border:1px solid #ffe082}.portal-main{flex:1;padding:32px 36px;overflow-y:auto}.portal-alert{border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;display:flex}.portal-alert--warning{color:#856404;background:#fff3cd;border:1px solid #ffc107}.portal-alert-btn{color:#fff;white-space:nowrap;background:#3176b1;border-radius:6px;padding:8px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .2s}.portal-alert-btn:hover{background:#255f93}.portal-page{animation:.2s slideDown}.portal-page-title{color:#1a2d4e;border-bottom:2px solid #e0e8f0;margin:0 0 22px;padding-bottom:10px;font-size:1.3rem;font-weight:700}.portal-info-card{background:#fff;border-radius:10px;padding:24px 28px;box-shadow:0 2px 8px #0000000f}.portal-info-grid{flex-direction:column;gap:0;display:flex}.portal-info-row{border-bottom:1px solid #f0f4f9;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.portal-info-row:last-child{border-bottom:none}.portal-info-label{color:#6b7a8d;font-size:.88rem;font-weight:500}.portal-info-value{color:#1a2d4e;text-align:right;font-size:.95rem;font-weight:600}.text-success{color:#27ae60!important}.text-danger{color:#e74c3c!important}.portal-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;font-size:.9rem;overflow:hidden;box-shadow:0 2px 8px #0000000f}.portal-table th{color:#fff;text-align:left;background:#3176b1;padding:12px 16px;font-size:.85rem;font-weight:600}.portal-table td{color:#333;border-bottom:1px solid #f0f4f9;padding:12px 16px}.portal-table tbody tr:last-child td{border-bottom:none}.portal-table tbody tr:hover{background:#f7fafd}.pref-cell{text-align:center;color:#3176b1;width:60px;font-weight:700}.portal-doc-grid{flex-direction:column;gap:16px;display:flex}.portal-doc-card{background:#fff;border-radius:10px;align-items:center;gap:18px;padding:20px 24px;display:flex;box-shadow:0 2px 8px #0000000f}.portal-doc-icon{text-align:center;flex-shrink:0;width:48px;font-size:2rem}.portal-doc-info{flex:1}.portal-doc-name{color:#1a2d4e;margin-bottom:4px;font-size:1rem;font-weight:700}.portal-doc-desc{color:#6b7a8d;font-size:.82rem}.portal-doc-btn{cursor:pointer;color:#3176b1;white-space:nowrap;background:#e8f1fb;border:1px solid #c6ddf7;border-radius:6px;padding:8px 20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s}.portal-doc-btn:hover{background:#d0e5f7}.portal-doc-btn--primary{color:#fff;background:#3176b1;border-color:#3176b1}.portal-doc-btn--primary:hover{background:#255f93}.portal-doc-btn--disabled{color:#aaa;cursor:not-allowed;pointer-events:none;background:#f0f0f0;border-color:#ddd}@media (max-width:768px){.portal-header{height:54px;padding:0 14px}.portal-logo{height:30px}.portal-title{font-size:.92rem}.portal-username{display:none}.portal-logout-btn{padding:5px 12px;font-size:.78rem}.portal-body{flex-direction:column-reverse}.portal-sidebar{width:100%;min-width:unset;z-index:50;border-top:1px solid #e0e8f0;border-right:none;flex-direction:row;justify-content:space-around;padding:0;position:sticky;bottom:0;box-shadow:0 -2px 8px #00000014}.portal-sidebar nav{flex:1;justify-content:space-around;display:flex}.portal-nav-item{border-top:3px solid #0000;border-left:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:10px 8px;font-size:.68rem}.portal-nav-item--active{border-top-color:#3176b1;border-left:none}.portal-nav-icon{font-size:1.3rem}.portal-sidebar-status{display:none}.portal-main{padding:18px 16px 80px}.portal-info-row{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 0}.portal-info-value{text-align:left;font-size:.92rem}.portal-table{white-space:nowrap;display:block;overflow-x:auto}.portal-doc-card{flex-wrap:wrap}.portal-doc-btn{text-align:center;width:100%}.portal-alert{flex-direction:column;align-items:flex-start}.portal-alert-btn{text-align:center;width:100%}}@media (max-width:400px){.portal-main{padding:14px 12px 80px}.portal-info-card{padding:14px}.portal-page-title{font-size:1.05rem}}