:root{--navy:#06284b;--navy2:#021a33;--blue:#0b83e9;--cyan:#21b8dc;--green:#36b65a;--orange:#ff9f1c;--purple:#7b4fd6;--light:#f5f9ff;--muted:#6b7890;--border:#dfe8f3}*{box-sizing:border-box}body{margin:0;background:var(--light);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f1b2d}.portal-shell{display:flex;min-height:100vh}.portal-sidebar{width:260px;flex:0 0 260px;background:linear-gradient(180deg,#082f59,#021a33);color:#fff;padding:24px 16px;box-shadow:10px 0 30px rgba(8,47,89,.12)}.sidebar-brand{padding:8px 8px 20px}.sidebar-logo{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:50%;padding:5px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.brand-title{font-size:1.15rem;font-weight:700;margin-top:14px}.brand-subtitle{font-size:.8rem;color:#a9c4e2}.sidebar-nav a{display:flex;gap:10px;align-items:center;color:#e7f0ff;text-decoration:none;padding:12px 13px;border-radius:10px;margin:4px 0;font-size:.96rem}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,#0b83e9,#0062c8);color:#fff}.portal-content{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px;box-shadow:0 2px 18px rgba(15,27,45,.04)}.topbar-menu{font-size:1.7rem;color:#325372}.topbar-spacer{flex:1}.topbar-link{font-size:.9rem;text-decoration:none;color:#215681}.user-pill{display:flex;align-items:center;gap:10px}.user-pill img{width:44px;height:44px;border-radius:50%;object-fit:contain}.user-pill small{display:block;color:var(--muted)}.main-pad{padding:28px}.welcome-row h2{font-weight:800;margin:0}.welcome-row p{color:var(--muted);margin:.25rem 0 1.7rem}.stat-card,.mini-card,.dashboard-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 28px rgba(28,54,90,.08)}.stat-card{display:flex;justify-content:space-between;align-items:center;padding:22px;text-decoration:none;color:#101a2b;min-height:128px;transition:.2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(28,54,90,.13)}.stat-card span,.mini-card span{display:block;color:#22324a;font-size:.9rem}.stat-card strong,.mini-card strong{display:block;font-size:2rem;line-height:1.2}.stat-card small,.mini-card a,.view-link{font-size:.87rem;color:#006acb;text-decoration:none}.stat-card i,.mini-card i{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:1.55rem;color:#fff}.icon-blue{background:linear-gradient(135deg,#0b83e9,#0062c8)}.icon-green{background:linear-gradient(135deg,#47c96b,#229242)}.icon-purple{background:linear-gradient(135deg,#8d5df1,#5d36b6)}.icon-orange{background:linear-gradient(135deg,#ffa734,#ff7f11)}.dashboard-card{padding:22px}.dashboard-card h5{font-weight:700;margin-bottom:20px}.task-overview{display:flex;align-items:center;justify-content:space-around;gap:30px;min-height:210px}.donut{--h:calc(var(--high)*1%);--m:calc((var(--high) + var(--medium))*1%);width:170px;height:170px;border-radius:50%;background:conic-gradient(#f03939 0 var(--h),#ff9f1c var(--h) var(--m),#26b95b var(--m) 100%);display:grid;place-items:center}.donut>div{width:105px;height:105px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px var(--border)}.donut strong{font-size:2rem}.donut span{font-size:.8rem;color:#50627b}.legend{min-width:230px}.legend div{display:grid;grid-template-columns:20px 1fr 35px;align-items:center;margin:16px 0}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.red{background:#f03939}.orange{background:#ff9f1c}.green{background:#26b95b}.birthday-list{display:grid;gap:12px}.birthday-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eef3f9}.birthday-item:last-child{border-bottom:0}.avatar{width:42px;height:42px;border-radius:50%;background:#eaf4ff;display:grid;place-items:center;font-weight:800;color:#0b83e9}.birthday-item small{display:block;color:var(--muted)}.birthday-item span{background:#f0e9ff;color:#6545bd;border-radius:10px;padding:5px 10px;font-size:.82rem}.mini-card{display:flex;align-items:center;justify-content:space-between;padding:22px;min-height:132px}.mini-card small{display:block;color:#24a148}.mini-chart{font-size:3rem;color:#2fb857}.icon-soft-orange{background:#fff1e3;color:#ff7f11!important}.icon-soft-blue{background:#e8f2ff;color:#0b83e9!important}.login-main{min-height:100vh;background:linear-gradient(145deg,#f7fbff 0%,#f7fbff 70%,#d7f4dc 100%)}.login-split{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,96vw);background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px rgba(12,44,78,.12);padding:44px;text-align:center;position:relative;overflow:hidden}.login-card:after{content:"";position:absolute;left:-40px;right:-40px;bottom:-55px;height:120px;background:linear-gradient(135deg,rgba(11,131,233,.16),rgba(67,200,97,.16));transform:rotate(-4deg)}.login-logo{width:210px;height:210px;object-fit:contain;margin-bottom:18px}.login-card h1{font-weight:800;margin:0}.login-card p{color:#43536a}.input-icon{position:relative}.input-icon span{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:2;color:#718096}.input-icon .form-control{padding-left:48px;height:52px}.btn-primary{background:linear-gradient(135deg,#0b83e9,#0066ce);border:0}.card{border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 28px rgba(28,54,90,.07)}.table thead th{background:#082f59;color:#fff}.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:#f8fbff}.row-urgent td{background:#fff2f2!important}.row-completed td{background:#f0fff4!important}.badge{text-transform:capitalize}.report-letterhead{border-bottom:4px solid #082f59;padding-bottom:1rem;margin-bottom:1rem}.print-header{display:none}.login-footer{position:relative;z-index:1;margin-top:38px;color:#62718a;font-size:.85rem}@media(max-width:920px){.portal-shell{display:block}.portal-sidebar{width:100%;min-height:auto}.portal-content{width:100%}.task-overview{display:block}.donut{margin:18px auto}.legend{margin:auto}.main-pad{padding:18px}}@media print{.portal-sidebar,.no-print,.btn,.topbar{display:none!important}.portal-content{width:100%!important}.main-pad{padding:0}.print-header{display:block}.card,.dashboard-card,.mini-card,.stat-card{box-shadow:none;border:1px solid #ddd}.table thead th{background:#eee!important;color:#000!important}}