:root{--portal-primary:#35bc00;--portal-primary-dark:#2a9400;--portal-primary-light:#e8f5e1;--portal-bg:#f4f7fa;--portal-sidebar:#fff;--portal-text:#17243b;--portal-text-muted:#6b7280;--portal-border:#e5e7eb}body{background-color:var(--portal-bg);box-sizing:border-box;margin:0;padding:0}*,:before,:after{box-sizing:inherit}.portal-layout{min-height:100vh;color:var(--portal-text);font-family:Inter,sans-serif;display:flex}.portal-sidebar{background-color:var(--portal-sidebar);border-right:1px solid var(--portal-border);z-index:40;flex-direction:column;width:260px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.portal-sidebar-header{border-bottom:1px solid var(--portal-border);justify-content:center;align-items:center;padding:20px;display:flex}.portal-nav{-ms-overflow-style:none;scrollbar-width:none;flex:1;padding:20px 15px;overflow-y:auto}.portal-nav::-webkit-scrollbar{display:none}.table-responsive{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;width:100%;margin-bottom:20px;overflow-x:auto}.table-responsive::-webkit-scrollbar{display:none}.portal-nav-item{color:var(--portal-text-muted);border-radius:8px;align-items:center;margin-bottom:5px;padding:12px 15px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.portal-nav-item i{text-align:center;width:20px;margin-right:12px;font-size:16px}.portal-nav-item:hover{background-color:var(--portal-bg);color:var(--portal-text)}.portal-nav-item.active{background-color:var(--portal-primary-light);color:var(--portal-primary)}.portal-main{flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:100vh;margin-left:260px;display:flex}.portal-header{border-bottom:1px solid var(--portal-border);z-index:30;background-color:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.portal-header-search{background-color:var(--portal-bg);border-radius:20px;align-items:center;width:300px;padding:8px 15px;display:flex}.portal-header-search input{background:0 0;border:none;outline:none;width:100%;margin-left:10px;font-size:14px}.portal-header-actions{align-items:center;gap:20px;display:flex}.portal-header-icon{color:var(--portal-text-muted);cursor:pointer;font-size:18px;position:relative}.portal-header-badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.portal-user-profile{cursor:pointer;align-items:center;gap:10px;display:flex}.portal-user-avatar{background-color:var(--portal-primary-light);color:var(--portal-primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.portal-content{flex:1;width:100%;min-width:0;padding:30px}.portal-page-title{color:var(--portal-text);margin-bottom:25px;font-size:24px;font-weight:700}.portal-card{border:1px solid var(--portal-border);background:#fff;border-radius:12px;max-width:100%;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.portal-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.portal-card-title{color:var(--portal-text);margin:0;font-size:16px;font-weight:600}.portal-grid{gap:24px;display:grid}.portal-grid-2{grid-template-columns:repeat(2,1fr)}.portal-grid-3{grid-template-columns:repeat(3,1fr)}.portal-grid-4{grid-template-columns:repeat(4,1fr)}.portal-grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width:1400px){.portal-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.portal-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portal-grid-2,.portal-grid-3,.portal-grid-4{grid-template-columns:1fr}.portal-content{padding:20px 15px}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:20px;overflow-x:auto}.table-responsive table{min-width:600px}.form-flex-wrap{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}@media (max-width:600px){.form-flex-wrap>div,.form-flex-wrap>button{flex:100%!important;width:100%!important}}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-info{color:#1e40af;background:#dbeafe}.badge-danger{color:#991b1b;background:#fee2e2}.btn-primary{background:var(--portal-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:opacity .2s}.btn-primary:hover{opacity:.9}.mobile-toggle{color:#666;cursor:pointer;background:0 0;border:none;font-size:20px;display:none}.portal-card:hover{transition:all .2s;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (max-width:1024px){.portal-sidebar{transform:translate(-100%)}.portal-sidebar.open{transform:translate(0)}.portal-main{margin-left:0}.mobile-toggle{display:block}.portal-header-search{display:none}}