*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#111827}body{min-height:100vh;background:radial-gradient(circle at 8% 18%,rgba(51,184,229,.10),transparent 25%),linear-gradient(135deg,#f6fbfd 0%,#f8fafc 48%,#fff 100%)}
.portal-header{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-top:2px solid #78cbe8;border-bottom:1px solid #dce9ef;box-shadow:0 2px 12px rgba(28,68,88,.04)}
.portal-brand{display:flex;align-items:center;gap:15px}.portal-brand img{width:145px;height:auto}.portal-brand>div{display:flex;flex-direction:column;gap:3px}.portal-brand strong{font-size:18px}.portal-brand span{font-size:11px;color:#718096}
.portal-user{display:flex;align-items:center;gap:10px}.portal-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f5fb;color:#078ac4;font-weight:800}.portal-user-meta{display:flex;flex-direction:column;max-width:190px}.portal-user-meta strong{font-size:11px}.portal-user-meta span{font-size:9px;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-user a,.home-link{margin-left:8px;padding:9px 13px;border:1px solid #d4e3ea;border-radius:10px;text-decoration:none;color:#334155;font-size:11px;font-weight:700;background:#fff}
.portal-main{max-width:1420px;margin:0 auto;padding:50px 32px 70px}.welcome-card{min-height:190px;display:flex;align-items:center;padding:38px 40px;margin-bottom:44px;border:1px solid #dce9ef;border-radius:24px;background:linear-gradient(105deg,rgba(239,250,254,.96),rgba(255,255,255,.97));box-shadow:0 8px 28px rgba(28,68,88,.08)}
.welcome-card h1{margin:0;font-size:38px;letter-spacing:-1.2px}.welcome-card h1 span{color:#3a9ee8}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dashboard-card{position:relative;min-height:145px;padding:24px 54px 24px 24px;border-radius:18px;text-decoration:none;color:#172033;display:flex;gap:16px;align-items:flex-start;border:1px solid;box-shadow:0 9px 24px rgba(28,68,88,.08);transition:transform .18s ease,box-shadow .18s ease}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(28,68,88,.14)}.dashboard-card.operations{background:linear-gradient(135deg,#e8f9fe,#f4fcff);border-color:#9cdef1}.dashboard-card.executive{background:linear-gradient(135deg,#fff0f5,#fff7fa);border-color:#ffb4ca}.dashboard-card.technician{background:linear-gradient(135deg,#eafbf3,#f4fdf8);border-color:#aee8cb}
.card-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:20px;background:rgba(255,255,255,.65);color:#159fd1}.executive .card-icon{color:#ef4778}.technician .card-icon{color:#1eae74}.card-copy h2{font-size:17px;margin:3px 0 7px}.card-copy p{font-size:12px;line-height:1.5;color:#687386;margin:0}.card-arrow{position:absolute;right:18px;top:18px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(100,116,139,.15);background:rgba(255,255,255,.5);font-size:13px}
.placeholder-main{min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;padding:30px}.placeholder-card{width:min(560px,calc(100vw - 40px));padding:55px 42px;text-align:center;background:#fff;border:1px solid #dce9ef;border-radius:24px;box-shadow:0 18px 50px rgba(28,68,88,.1)}.placeholder-icon{width:58px;height:58px;margin:0 auto 18px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eaf7fd;color:#159fd1;font-size:24px}.placeholder-card h1{margin:0 0 10px;font-size:28px}.placeholder-card p{margin:0 0 28px;color:#718096;font-size:13px}.primary-link{display:inline-flex;padding:11px 17px;border-radius:10px;background:#159fd1;color:#fff;text-decoration:none;font-size:12px;font-weight:700}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.portal-user-meta{display:none}.welcome-card h1{font-size:30px}.portal-main{padding:28px 18px}.portal-header{padding:0 16px}.portal-brand>div{display:none}}
/* Compact breadcrumb navigation */
.page-breadcrumb{height:42px;padding:0 28px;display:flex;align-items:center;gap:10px;background:rgba(248,252,254,.94);border-bottom:1px solid #dce9ef;color:#7b8794;font-size:12px}
.page-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:#667585;text-decoration:none;font-weight:600}.page-breadcrumb a:hover{color:#159fd1}.breadcrumb-home-icon{font-size:15px;line-height:1}.breadcrumb-separator{color:#a9b5bf;font-size:18px}.breadcrumb-current{color:#667585}
.placeholder-main{min-height:calc(100vh - 118px)}