#dir-p-dashboard {max-width:1500px;margin:0 auto;color:#17263b}
.dir-dash-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 32px;margin-bottom:24px;border-radius:22px;background:#102c27;color:#fff;position:relative;overflow:hidden}
.dir-dash-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#a7d8ba}
.dir-dash-hero h2{font-family:Georgia,serif;font-size:34px;line-height:1.2;margin:10px 0;color:#fff}
.dir-dash-hero p{font-size:12px;color:#c5dacf;margin:0;line-height:1.6}
.dir-dash-hero-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.dir-dash-hero-actions button{background:#ffffff12;border:1px solid #ffffff45;border-radius:10px;color:white;padding:11px 14px;font:600 12px inherit;cursor:pointer}
.dir-dash-hero-actions button:last-child{background:#d9f2bc;color:#17372d;border-color:#d9f2bc}
.dir-dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.dir-dash-metric{background:white;border:1px solid #dfe6ed;border-radius:16px;padding:20px 22px;text-align:left;cursor:pointer;font-family:inherit;color:#1c2e46;box-shadow:0 5px 20px #14273b04}
.dir-dash-metric small{font-size:12px;font-weight:650;display:flex;justify-content:space-between;gap:8px}.dir-dash-metric strong{display:block;font-size:38px;font-weight:650;letter-spacing:-1.5px;margin:14px 0 8px}.dir-dash-metric>span{font-size:10px;color:#69788b;line-height:1.5;display:block}.dir-dash-metric.blue strong{color:#2454cc}.dir-dash-metric.green strong{color:#1a7050}.dir-dash-metric.violet strong{color:#6b50a2}.dir-dash-metric.amber strong{color:#a96b17}
.dir-dash-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.dir-dash-columns>div{min-width:0}
.dir-dash-panel{background:#fff;border:1px solid #dfe6ed;border-radius:18px;margin-bottom:20px;overflow:hidden}.dir-dash-panel>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid #eef1f5}.dir-dash-panel h3{font-size:15px;margin:0;font-weight:700;color:#1c2e46}.dir-dash-link{border:0;background:none;font:600 11px inherit;color:#256344;cursor:pointer;display:inline-flex;align-items:center;gap:14px;padding:6px 0;text-align:left}.dir-dash-link.primary{padding:12px 17px;background:#18633f;color:white;border-radius:9px}
.dir-dash-tasks>button,.dir-dash-session{display:flex;width:100%;gap:14px;align-items:center;padding:20px 24px;border:0;border-bottom:1px solid #eef1f5;background:white;text-align:left;font-family:inherit;cursor:pointer;color:#23364c}.dir-dash-tasks>button:last-child,.dir-dash-session:last-child{border-bottom:0}.dir-dash-tasks>button>span:nth-child(2),.dir-dash-session>span:first-child{flex:1;min-width:0}.dir-dash-task-dot{height:8px;width:8px;background:#c49649;border-radius:50%;flex-shrink:0}.dir-dash-tasks small,.dir-dash-session small{font-size:10px;color:#69788b}.dir-dash-tasks b,.dir-dash-session b{font-size:13px;display:block;margin:5px 0;line-height:1.5}.dir-dash-tasks em,.dir-dash-session em{font-size:11px;color:#69788b;line-height:1.6;font-style:normal;display:block}
.dir-dash-program{padding:24px;background:linear-gradient(120deg,#f5f9f2,#fff)}.dir-dash-tag{display:inline-block;background:#e8eedb;padding:6px 10px;border-radius:6px;font-size:10px;color:#49613a;font-weight:650}.dir-dash-program h4{font-size:25px;line-height:1.3;font-family:Georgia,serif;font-weight:500;margin:16px 0 10px;color:#203d2d}.dir-dash-program p{font-size:12px;line-height:1.7;color:#677469;margin:0 0 18px;max-width:360px}
.dir-dash-grades{padding:14px 24px}.dir-dash-grades>div{display:flex;gap:18px;align-items:center;padding:12px 0}.dir-dash-grades>div>span{width:64px;flex-shrink:0;font-size:17px;font-weight:700}.dir-dash-grades small{font-size:10px;font-weight:400;color:#7b8796;display:block;margin-top:3px}.dir-dash-grades b{width:55px;flex-shrink:0;text-align:right;font-size:14px}.dir-dash-bar{flex:1;height:8px;background:#eef2f5;border-radius:10px;overflow:hidden}.dir-dash-bar i{display:block;height:100%;border-radius:10px;background:#87b7a0}.dir-dash-footnote{font-size:10px;color:#7b8796;padding:0 24px 18px;line-height:1.7;margin:0}.dir-dash-empty{font-size:12px;line-height:1.7;padding:24px;color:#768394;margin:0}.dir-dash-error{background:#fff1ee;color:#9d3327;padding:16px;border-radius:12px;font-size:13px;margin-bottom:20px}.dir-dash-updated{font-size:10px;color:#7b8796;margin:0 0 24px}.dir-dash-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.dir-dash-shortcuts button{font-family:inherit;text-align:left;background:#f7f9fb;border:1px solid #dfe6ed;border-radius:12px;padding:18px;cursor:pointer;color:#273c53}.dir-dash-shortcuts span{font-size:10px;color:#8190a1}.dir-dash-shortcuts b{display:block;font-size:12px;margin:10px 0 6px}.dir-dash-shortcuts small{font-size:10px;color:#69788b;line-height:1.5}
#dir-p-dashboard button:hover{filter:brightness(.97)}#dir-p-dashboard button:focus-visible{outline:3px solid #84baf5;outline-offset:3px}
.dir-dash-hero-actions button{font-family:inherit;font-size:12px;font-weight:600}.dir-dash-link{font-family:inherit;font-size:11px;font-weight:600}
@media(max-width:768px){
  #dir-portal .portal-topbar{flex-wrap:wrap;height:auto;gap:8px;padding:10px 12px;flex-shrink:0}
  #dir-portal .portal-topbar .ptb-search{display:none}
  #dir-portal .portal-topbar .ptb-title{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #dir-portal .portal-topbar .ptb-right{width:100%;margin-left:0;gap:6px;justify-content:space-between}
  #dir-portal .portal-topbar .ptb-school{max-width:125px;min-width:0;font-size:10px;padding:7px}
  #dir-portal .portal-topbar .ptb-nivel button{padding:6px;font-size:10px}
  #dir-portal .portal-topbar .ptb-btn{width:32px;height:32px;flex-shrink:0}
  #dir-portal .main{height:100dvh!important;overflow:hidden!important}
  #dir-portal .content{flex:1;min-height:0;max-height:none!important;overflow-y:auto!important}
}
@media(max-width:1100px){.dir-dash-hero{align-items:flex-start;flex-direction:column}.dir-dash-metrics{gap:10px}.dir-dash-metric{padding:16px}.dir-dash-columns{gap:16px}.dir-dash-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dir-dash-hero{padding:24px;border-radius:16px}.dir-dash-hero h2{font-size:28px}.dir-dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dir-dash-columns{grid-template-columns:1fr}.dir-dash-metric strong{font-size:32px}.dir-dash-panel>header,.dir-dash-tasks>button,.dir-dash-session{padding:18px}.dir-dash-shortcuts button{padding:14px}.dir-dash-panel h3{font-size:14px}}
