:root{font-family:Roboto,Arial,sans-serif;color:#303744;background:#f7f8fa}body{margin:0;background:#f7f8fa}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #86b7fe;outline-offset:3px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#5b6a80;margin-bottom:9px}h1{font-size:28px;font-weight:600;color:#293344}h2{font-size:17px;font-weight:600;margin:0}h3{font-size:16px;font-weight:600}.portal-sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid #e9ecf0;display:flex;flex-direction:column;padding:0 18px;z-index:20}.portal-brand{display:flex;align-items:center;gap:12px;padding:23px 10px;color:#273447;font-size:24px;font-weight:700;text-decoration:none;border-bottom:1px solid #eef0f3}.portal-brand img{width:44px;height:44px;object-fit:contain}.portal-brand small{display:block;font-size:9px;letter-spacing:1.8px;font-weight:500;color:#778292}.nav-caption{font-size:10px;letter-spacing:1.6px;color:#8992a1;padding:30px 15px 12px}.portal-sidebar nav button{border:0;background:none;width:100%;display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:6px;text-align:left;color:#566172;margin-bottom:7px;font-size:14px}.portal-sidebar nav button.active{color:#008cff;background:#e9f4ff}.portal-sidebar nav i{font-size:21px}.sidebar-note{margin-top:auto;margin-bottom:25px;background:#f7f9fc;border-radius:8px;padding:18px;color:#748094;font-size:12px}.sidebar-note i{font-size:24px;color:#008cff;display:block;margin-bottom:10px}.sidebar-note strong{color:#49566b}.sidebar-note p{margin:6px 0 0;line-height:1.7}.portal-body{margin-left:248px;min-height:100vh}.portal-header{height:80px;display:flex;align-items:center;gap:22px;padding:0 32px;background:#fff;border-bottom:1px solid #e9ecf0}.account-info{display:flex;align-items:center;gap:11px;margin-left:auto}.account-info strong{display:block;font-size:13px}.account-info small{display:block;font-size:11px;color:#8992a1}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e9f4ff;color:#008cff;font-weight:600}.portal-content{padding:32px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.page-heading p:last-child{margin:0;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}.page-heading>.btn{white-space:nowrap}.card{border:1px solid #e9ecf0;box-shadow:0 2px 6px #1b365005}.library-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid #eef0f3;margin-bottom:24px}.library-filters{display:flex;gap:12px}.search-field{position:relative}.search-field i{position:absolute;top:11px;left:12px;color:#919aab}.search-field input{padding-left:35px;min-width:230px}.library-filters select{width:165px}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.document-card{border:1px solid #e7ebf0;border-radius:8px;padding:21px;min-width:0}.document-symbol{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.document-symbol i{font-size:36px}.document-symbol span{font-size:10px;font-weight:700;letter-spacing:.8px;background:#f5f6f8;border-radius:4px;padding:4px 7px;color:#7c8796}.document-symbol.pdf i{color:#e36163}.document-symbol.image i{color:#008cff}.document-card h3{overflow-wrap:anywhere;line-height:1.5}.document-description{font-size:12px;color:#8992a1;white-space:pre-wrap;overflow-wrap:anywhere;max-height:70px;overflow:auto;min-height:36px}.document-meta{display:flex;gap:12px;color:#98a1af;font-size:11px;margin:18px 0}.document-actions{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #eef0f3;padding-top:15px}.document-actions .btn{font-size:11px}.empty-state{text-align:center;padding:65px 20px;color:#8a94a3}.empty-state>i{font-size:48px;color:#a8bfd8;margin-bottom:17px}.empty-state h3{color:#49566b}.empty-state p{font-size:13px;margin:0}.customer-table th{font-size:12px;color:#8490a1}.customer-table td{font-size:13px;padding-top:18px;padding-bottom:18px}.pagination-bar{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:25px;font-size:12px}.portal-footer{display:flex;justify-content:space-between;margin-top:28px;color:#939daa;font-size:11px}.form-panel{margin-bottom:24px}.login-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:radial-gradient(ellipse at top,#eaf4ff 0,transparent 65%),#f7f8fa}.login-card{width:100%;max-width:470px}.login-logo{width:78px;height:65px;object-fit:contain}.login-footer{font-size:11px;color:#8a94a3;margin-top:20px}.portal-loading{display:grid;place-items:center;min-height:100vh;color:#728096}.mobile-menu{display:none}@media(max-width:1000px){.portal-sidebar{width:210px}.portal-body{margin-left:210px}.portal-content{padding:24px}.library-toolbar{align-items:flex-start;flex-direction:column}.library-filters{width:100%}.search-field{flex:1}.search-field input{min-width:0}}@media(max-width:700px){.portal-sidebar{display:none;top:70px;box-shadow:10px 0 20px #0001}.portal-sidebar.is-open{display:flex}.portal-body{margin-left:0}.portal-header{padding:0 16px;height:70px;gap:12px}.mobile-menu{display:inline-flex}.portal-header>span{display:none}.portal-content{padding:22px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.library-filters{flex-direction:column}.library-filters select{width:100%}.portal-footer span{display:none}.document-grid{grid-template-columns:1fr}.card-body.p-4{padding:20px!important}}