html,body{height:100%;margin:0}:root{--bg: #ffffff;--text: #1a1a1a;--muted: #6c757d;--card-bg: #ffffff;--border: #e5e5e5;--footer-bg: #121212;--footer-text: #ffffff;--primary: #4c44d4;--shadow: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--bg: #0d0d0d;--text: #ffffff;--muted: #aaaaaa;--card-bg: #141414;--border: #262626;--primary: #6c63ff;--shadow: rgba(0, 0, 0, .5)}}.portal-page{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;display:flex;flex-direction:column}.portal-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px 60px}.portal-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px}.portal-logo{height:clamp(340px,18vw,280px);width:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,153,255,.4))}.portal-title{color:var(--primary);font-size:clamp(1.2rem,2.5vw,1.6rem);margin-bottom:4px}.portal-subtitle{font-size:.85rem;color:var(--muted)}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;max-width:900px}.portal-col{width:100%}.portal-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .3s ease;min-height:220px;width:100%;display:flex;align-items:center;justify-content:center}.portal-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 35px var(--shadow)}.card-body{display:flex;flex-direction:column;align-items:center;text-align:center}.icon-wrapper{margin-bottom:14px}.icon-wrapper svg{width:40px!important;height:40px!important;transition:transform .3s ease}.portal-card:hover svg{transform:scale(1.15)}.portal-card h6{font-size:1rem;margin-bottom:6px}.portal-card .card-text{font-size:.8rem;color:var(--muted)}.portal-card.client:hover{box-shadow:0 12px 35px #0d6efd73;border-color:#0d6efd66}.portal-card.client:hover svg{filter:drop-shadow(0 0 8px rgba(13,110,253,.6))}.portal-card.staff:hover{box-shadow:0 12px 35px #19875473;border-color:#19875466}.portal-card.staff:hover svg{filter:drop-shadow(0 0 8px rgba(25,135,84,.6))}.portal-card.admin:hover{box-shadow:0 12px 35px #6f42c173;border-color:#6f42c166}.portal-card.admin:hover svg{filter:drop-shadow(0 0 8px rgba(111,66,193,.6))}.portal-footer{border-top:1px solid #3a3a3a;padding:30px 20px;background:#fff;color:#222;transition:all .3s ease}@media(prefers-color-scheme:dark){.portal-footer{background:#121212;color:#e0e0e0}.portal-footer p{color:#bdbdbd}.portal-footer a{color:#fff}}.portal-footer a{color:gray;text-decoration:underline;transition:color .3s ease}.portal-footer a:hover{color:#4c44d4}.portal-footer .footer-row{display:flex;justify-content:space-between;gap:20px}.footer-left,.footer-center,.footer-right{flex:1}.footer-left{text-align:left}.footer-center{text-align:center}.footer-right{text-align:right}.footer-logo{width:32px;height:32px;border-radius:6px}@media(max-width:768px){.portal-container{padding:30px 15px}.portal-logo{height:140px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:180px}.portal-footer .footer-row{flex-direction:column;text-align:center}.footer-left,.footer-center,.footer-right{text-align:center}}