:root{--primary:#1d4ed8;--ink:#172033;--muted:#64748b;--sidebar:#12213a;--bg:#f4f7fb;--line:#e5e7eb;--panel:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);overflow-x:hidden}.app-wrapper{display:flex;min-height:100vh}.sidebar{width:270px;background:#12213a;color:#fff;position:sticky;top:0;height:100vh;padding:1rem;overflow:auto;overscroll-behavior:contain}.sidebar-backdrop{display:none}.brand{display:flex;gap:.7rem;align-items:center;font-size:1.35rem;font-weight:800;margin-bottom:1.5rem;min-height:58px}.brand-logo{width:220px;max-width:100%;height:56px;object-fit:contain;object-position:left center}.brand i{font-size:2rem}.sidebar .nav-link{color:#dce8ff;border-radius:8px;margin:.15rem 0;padding:.72rem .82rem;display:flex;gap:.7rem;align-items:center}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.12);color:#fff}.app-main{flex:1;min-width:0}.navbar{min-height:64px}.app-topbar{position:sticky;top:0;z-index:850}.nav-actions{min-width:0}.stat-card{background:#fff;border-radius:8px;padding:1.1rem;box-shadow:0 10px 24px rgba(15,23,42,.06);display:flex;justify-content:space-between;align-items:center;min-height:104px}.stat-card-link{color:inherit;text-decoration:none;transition:.18s ease}.stat-card-link:hover{color:inherit;transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.1)}.stat-card-link:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.stat-card p{margin:0;color:var(--muted)}.stat-card h2{margin:0;font-weight:800}.stat-card i{font-size:2rem}.login-bg{min-height:100vh;display:grid;place-items:center;background:#10213f}.login-card{max-width:430px;width:92%;border-radius:8px}.login-logo{width:260px;max-width:100%;height:76px;object-fit:contain}.logo-circle{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#0d6efd;font-size:2.2rem;margin:auto}.card{border:0;border-radius:8px}.card-header{background:#fff;border-bottom:1px solid var(--line)}.btn{border-radius:8px}.form-control,.form-select{border-radius:8px}.table{vertical-align:middle}.table-responsive{min-height:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-chart-sm{height:260px;max-width:360px;margin:0 auto}.dashboard-chart-sm canvas{max-height:260px}.dataTables_wrapper,.dt-container{width:100%;overflow-x:hidden}.dt-scroll-body{border-bottom:1px solid var(--line)}.dt-layout-row{gap:.75rem;align-items:center}.dt-layout-cell{min-width:0}.modal-content{border-radius:8px}.dropdown-menu{max-width:calc(100vw - 20px)}

.public-board{min-height:100vh;background:#eef2f7;color:#172033}.public-shell{width:calc(100% - .2cm);margin:0 .1cm;padding:.1cm 0 40px}.public-hero{min-height:126px;background:linear-gradient(135deg,#18304d 0%,#315f92 55%,#2f7c7a 100%);color:#fff;border-radius:8px;padding:.75rem clamp(1.25rem,3vw,2.2rem);display:flex;justify-content:center;gap:1.5rem;align-items:center;text-align:center;box-shadow:0 18px 38px rgba(24,48,77,.18);position:sticky;top:.1cm;z-index:900;overflow:hidden}.public-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:linear-gradient(90deg,#d8a23a,#77b66e,#63b6cf)}.public-hero-logo{position:absolute;top:.6rem;left:1.2rem;display:flex;align-items:center;justify-content:flex-start;min-width:52px;min-height:38px}.public-hero-logo img{width:230px;max-width:26vw;height:56px;object-fit:contain;object-position:left center}.public-hero-logo i{font-size:1.8rem;color:#fff}.public-hero-copy,.public-hero-actions{position:relative}.public-hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 220px;min-width:0}.public-hero-actions{position:absolute;right:clamp(1.25rem,3vw,2.2rem);top:50%;transform:translateY(-50%)}.public-kicker{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;color:#d7e6f5;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem}.public-hero h1{font-size:clamp(1.8rem,3.8vw,3.25rem);line-height:1;margin:0 0 .25rem;font-weight:900;letter-spacing:0;text-align:center}.public-hero p{max-width:720px;margin:0 auto;color:#edf6fb;font-size:clamp(.9rem,1.15vw,1.05rem);text-align:center}.public-hero .btn{box-shadow:0 12px 28px rgba(15,23,42,.16);font-weight:700;white-space:nowrap}
.public-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.public-metrics article{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;display:flex;gap:.8rem;align-items:center;box-shadow:0 10px 24px rgba(15,23,42,.06)}.public-metrics i{font-size:1.8rem}.public-metrics span{display:block;color:var(--muted);font-size:.9rem}.public-metrics strong{display:block;font-size:1.75rem;line-height:1;font-weight:900;color:#0f172a}
.public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 16px 36px rgba(15,23,42,.08);overflow:hidden;min-height:430px}.public-panel header{padding:1.1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fbfdff}.public-panel header span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}.public-panel h2{font-size:1.2rem;margin:.2rem 0 0;font-weight:850}.public-panel header i{font-size:1.7rem}.panel-tasks header i{color:#d97706}.panel-expos header i{color:#1d4ed8}.panel-reminders header i{color:#dc2626}.public-list{padding:1rem}.public-item{display:flex;justify-content:space-between;gap:1rem;width:100%;padding:.85rem;border:1px solid #e5e7eb;border-left-width:4px;border-radius:8px;margin-bottom:.75rem;background:#fff;text-align:left}.public-item-button{cursor:pointer;transition:.18s ease}.public-item-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.1);border-color:#cbd5e1}.public-item-button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.panel-tasks .public-item{border-left-color:#f59e0b}.panel-expos .public-item{border-left-color:#2563eb}.panel-reminders .public-item{border-left-color:#dc2626}.public-item strong{display:block;font-size:.98rem;color:#111827}.public-item span{display:block;color:var(--muted);font-size:.88rem;margin-top:.2rem}.public-item time{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.82rem;font-weight:800;color:#334155;white-space:nowrap;text-align:right}.public-item time span{margin:0;color:#64748b;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.public-empty{color:var(--muted);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:1rem;text-align:center}.public-modal{border:0;border-radius:8px;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.28)}.public-modal .modal-header{background:linear-gradient(135deg,#12213a,#1d4ed8);color:#fff;border:0;align-items:flex-start}.public-modal .btn-close{filter:invert(1) grayscale(1);opacity:.9}.public-modal-kicker{display:block;color:#bfdbfe;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.public-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.public-detail-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.8rem}.public-detail-grid span,.public-modal-text span{display:block;color:#64748b;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.public-detail-grid strong{display:block;color:#0f172a}.public-modal-text{border-top:1px solid #e2e8f0;padding-top:1rem}.public-modal-text p{margin:0;color:#334155;line-height:1.65;white-space:pre-line}

@media(max-width:1199px){.public-grid{grid-template-columns:1fr 1fr}.panel-reminders{grid-column:1/-1;min-height:0}.sidebar{width:248px}}
@media(max-width:991px){.sidebar{position:fixed;z-index:1100;left:-290px;transition:.25s ease;box-shadow:26px 0 60px rgba(15,23,42,.28)}.sidebar.show{left:0}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.46);z-index:1090;opacity:0;pointer-events:none;transition:.2s ease}.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar-open{overflow:hidden}.app-main{width:100%}.app-topbar{min-height:60px;padding-left:.75rem!important;padding-right:.75rem!important}.btn-menu-mobile{width:42px;height:42px;display:grid;place-items:center;padding:0}.navbar form[role=search]{display:none!important}.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.stat-card{min-height:92px}.public-hero{min-height:150px;padding-top:4.1rem;padding-bottom:.8rem}.public-hero-copy{padding:0 1rem}.public-hero-actions{position:static;transform:none;margin-top:.7rem}.public-hero-logo img{max-width:220px}.dt-layout-row{display:flex!important;flex-wrap:wrap}.dt-layout-cell{width:auto!important}.dt-layout-cell.dt-layout-end{margin-left:auto}.table{min-width:760px}}
@media(max-width:767px){body{font-size:.96rem}.app-main>section.container-fluid{padding-top:1rem!important;padding-bottom:1.25rem!important}.public-shell{width:calc(100% - 16px);margin:0 8px;padding-top:.1cm}.public-grid,.public-metrics{grid-template-columns:1fr}.public-panel{min-height:0}.public-item{align-items:flex-start;flex-direction:column}.public-item time{align-items:flex-start;text-align:left}.public-detail-grid{grid-template-columns:1fr}.public-hero{min-height:0;border-radius:8px;padding:4.2rem .95rem 1rem;gap:.7rem;flex-direction:column}.public-hero-logo{left:50%;top:.65rem;transform:translateX(-50%);width:100%;justify-content:center}.public-hero-logo img{max-width:210px;height:54px;object-position:center}.public-hero h1{font-size:clamp(2rem,10vw,2.65rem)}.public-hero p{font-size:.95rem}.public-hero .btn{width:100%;max-width:260px}.public-metrics{gap:10px;margin:12px 0}.public-metrics article{padding:.9rem}.public-panel header{padding:.95rem}.public-list{padding:.85rem}.public-modal .modal-dialog{margin:.75rem}.table-responsive{font-size:.92rem;border-radius:8px}.card{box-shadow:0 10px 26px rgba(15,23,42,.06)!important}.card-body{padding:1rem}.card-header{padding:.85rem 1rem}.d-flex.justify-content-between.align-items-center.mb-3,.d-flex.justify-content-between.align-items-center.mb-4,.d-flex.justify-content-between.mb-3{align-items:flex-start!important;flex-direction:column;gap:.75rem}.d-flex.justify-content-between.mb-3>div{display:flex;flex-wrap:wrap;gap:.5rem}.d-flex.justify-content-between.mb-3>div .btn{margin:0!important}.row.g-3{--bs-gutter-y:.85rem}.stat-card{padding:.9rem;min-height:82px}.stat-card h2{font-size:1.65rem}.stat-card i{font-size:1.55rem}.dashboard-chart-sm,.report-chart-sm{height:210px;max-width:100%}.dashboard-chart-sm canvas,.report-chart-sm canvas{max-height:210px}.modal-dialog{margin:.65rem}.modal-body{padding:1rem}.modal-header,.modal-footer{padding:.9rem 1rem}.modal-footer{gap:.5rem}.modal-footer .btn{flex:1 1 auto}.form-control,.form-select,.btn{min-height:42px}.nav-actions{gap:.55rem!important}.nav-actions .fw-semibold{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{width:calc(100vw - 16px)!important}.alert{padding:.85rem 1rem}}
@media(max-width:575px){h3.fw-bold{font-size:1.45rem}.btn{width:auto}.btn:not(.btn-sm):not(.btn-menu-mobile){padding-left:.9rem;padding-right:.9rem}.navbar .badge{display:none}.navbar .fw-semibold{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .btn-sm{min-height:38px}.navbar form[action*="logout"] .btn{padding-left:.75rem;padding-right:.75rem}.brand{justify-content:center;margin-bottom:1rem}.brand-logo{width:210px}.sidebar{width:min(286px,86vw);left:-90vw}.sidebar.show{left:0}.sidebar .nav-link{padding:.78rem .85rem}.public-panel h2{font-size:1.1rem}.public-item strong{font-size:.94rem}.public-item span{font-size:.84rem}.public-modal .modal-title{font-size:1.05rem}.dt-layout-cell{width:100%!important}.dt-layout-cell.dt-layout-end{margin-left:0}.dt-search,.dt-length{display:flex;align-items:center;gap:.5rem}.dt-search input,.dt-length select{max-width:100%}.dt-paging{overflow-x:auto;max-width:100%;padding-bottom:.25rem}.pagination{flex-wrap:nowrap}.page-link{padding:.45rem .65rem}.card .d-flex.align-items-start.gap-2,.card .d-flex.align-items-center.gap-2{width:100%;flex-wrap:wrap}.card .d-flex.align-items-start.gap-2 .btn,.card .d-flex.align-items-center.gap-2 .btn{flex:1 1 auto}.table{min-width:680px}}
.login-logo{width:280px;max-width:100%;height:96px;object-fit:contain}
.report-chart-sm{height:240px;max-width:430px;margin:0 auto}.report-chart-sm canvas{max-height:240px}
@media(max-width:767px){.report-chart-sm{height:210px;max-width:100%}.report-chart-sm canvas{max-height:210px}}
@media(max-width:420px){.nav-actions{gap:.4rem!important}.nav-actions .fw-semibold{max-width:28vw}.navbar form[action*="logout"] .btn{font-size:.88rem;padding-left:.6rem;padding-right:.6rem}.public-hero-logo img{max-width:185px}.public-hero h1{font-size:2rem}.public-panel header i{font-size:1.35rem}.modal-footer .btn{flex-basis:100%}}