@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Plus Jakarta Sans,sans-serif;background-color:#f2f1ed;background-image:radial-gradient(rgba(0,0,0,.07) 1px,transparent 0);color:#1a1a1a;-webkit-font-smoothing:antialiased;width:100%}.page-bg,body,html{background-size:24px 24px;min-height:100vh}.page-bg{background-color:#eeecea;background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 0)}.sidebar{width:240px;min-height:100vh;background:#111;display:flex;flex-direction:column;padding:20px 12px;position:fixed;left:0;top:0;bottom:0;z-index:50}.sidebar-logo{padding:8px 12px 24px}.sidebar-logo img{height:32px;width:auto}.sidebar-search{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:10px 14px;color:hsla(0,0%,100%,.4);font-size:13px;width:100%;margin-bottom:24px;font-family:Plus Jakarta Sans,sans-serif}.sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#444;padding:0 12px;margin-bottom:6px;margin-top:16px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#888;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s;margin-bottom:2px}.sidebar-nav-item:hover{background:hsla(0,0%,100%,.05);color:#ccc}.sidebar-nav-item.active{background:rgba(30,58,95,.25);color:#6b9fd4}.sidebar-nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-bottom{margin-top:auto}.sidebar-institution-card{background:#1e1e20;border-radius:12px;padding:14px;margin-bottom:12px}.sidebar-institution-card .inst-name{color:#fff;font-size:13px;font-weight:600}.sidebar-institution-card .inst-plan{color:#666;font-size:11px;margin-top:2px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2952a3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.sidebar-user-name{color:#ddd;font-size:13px;font-weight:600}.sidebar-user-role{color:#666;font-size:11px}.main-layout{display:flex;min-height:100vh}.main-content{margin-left:240px;flex:1;padding:36px 40px}.right-panel{width:280px;min-height:100vh;background:#111;border-left:1px solid hsla(0,0%,100%,.06);padding:24px 20px;position:fixed;right:0;top:0;bottom:0}.main-content-with-panel{margin-left:240px;margin-right:280px;padding:36px 40px}.card{background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.03);padding:24px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.05);transform:translateY(-1px)}.card-dark{background:linear-gradient(135deg,#1e3a5f,#162d4a);border-radius:18px;padding:24px;color:#fff;box-shadow:0 8px 32px rgba(30,58,95,.3)}.card-accent-yellow{background:linear-gradient(135deg,#fffbeb,#fff3d0);border:1px solid rgba(217,119,6,.15);border-radius:18px;padding:24px}.card-accent-red{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:1px solid rgba(239,68,68,.12);border-radius:18px;padding:24px}.card-accent-green{background:linear-gradient(135deg,#f0fff4,#e0ffe8);border:1px solid rgba(34,197,94,.12);border-radius:18px;padding:24px}.stat-card{background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);padding:22px 24px}.stat-card-label{font-size:12px;font-weight:500;color:#9a9a9a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.stat-card-value{font-size:36px;font-weight:800;color:#1a1a1a;line-height:1}.stat-card-trend{font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:3px;margin-top:10px}.trend-up{background:#f0fff4;color:#16a34a}.trend-down{background:#fff5f5;color:#dc2626}.trend-neutral{background:#f5f5f5;color:#6b6b6b}.btn-primary{background:linear-gradient(135deg,#1e3a5f,#2952a3);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 22px;border-radius:12px;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(30,58,95,.25)}.btn-primary:hover{box-shadow:0 6px 18px rgba(30,58,95,.35);transform:translateY(-1px)}.btn-secondary{background:#fff;color:#1a1a1a;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;padding:11px 22px;border-radius:12px;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f5f5f5;border-color:rgba(0,0,0,.15)}.badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center}.badge-critical{background:#fff5f5;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.badge-concern{background:#fffbeb;color:#d97706;border:1px solid rgba(217,119,6,.2)}.badge-watch{background:#fff7ed;color:#ea580c;border:1px solid rgba(234,88,12,.2)}.badge-ontrack{background:#f0fff4;color:#16a34a;border:1px solid rgba(22,163,74,.2)}.badge-published{background:#eff6ff;color:#2563eb;border:1px solid rgba(37,99,235,.2)}.badge-draft{background:#f9fafb;color:#6b7280;border:1px solid hsla(220,9%,46%,.2)}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{border-bottom:2px solid #f0f0f0}.data-table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#9a9a9a;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .1s}.data-table tbody tr:hover{background:#fafafa}.data-table tbody td{padding:14px 16px;font-size:14px;color:#4a4a4a;white-space:nowrap}.data-table tbody td:first-child{color:#1a1a1a;font-weight:600}.page-header{margin-bottom:28px}.page-title{font-size:26px;font-weight:800;color:#1a1a1a}.page-subtitle{font-size:14px;color:#9a9a9a;margin-top:4px}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9a9a9a;margin-bottom:14px}.input{background:#f7f6f3;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;padding:12px 16px;font-size:14px;font-family:Plus Jakarta Sans,sans-serif;color:#1a1a1a;width:100%;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:#2952a3;box-shadow:0 0 0 3px rgba(41,82,163,.1)}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.04)}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-text{color:#ccc;font-size:13px;line-height:1.4}.activity-time{color:#555;font-size:11px;margin-top:2px}.quick-action-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;color:#ccc;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:8px;transition:all .15s;font-family:Plus Jakarta Sans,sans-serif;text-decoration:none}.quick-action-btn:hover{background:hsla(0,0%,100%,.07);color:#fff}.stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stats-grid,.two-col{display:grid;gap:16px}.two-col{grid-template-columns:1fr 1fr}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid rgba(0,0,0,.08);justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex-direction:column;gap:4px;padding:8px 16px;color:#9a9a9a;font-size:11px;font-weight:500;text-decoration:none}.bottom-nav-item.active{color:#1e3a5f;font-weight:600}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:10px}.mobile-content{max-width:480px;margin:0 auto;padding:20px 16px 80px;background-color:#f0efeb;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 0);background-size:20px 20px;min-height:100vh}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 20px}.mobile-header-logo img{height:28px}.mobile-header-user{font-size:12px;color:#9a9a9a}.mobile-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:50}.mobile-top-bar .logo img{height:24px}.mobile-top-bar .user-name{font-size:14px;font-weight:600;color:#1e3a5f}.card.mobile,.mobile-content .card{border-radius:16px;padding:18px;margin-bottom:14px}.dot-grid{background-color:#eeecea;background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 0);background-size:24px 24px;min-height:100vh}