:root{--primary-color: #0d6efd;--primary-dark: #0b5ed7;--accent-color: #ff6b35;--success-color: #198754;--surface: #ffffff;--surface-muted: #f5f7fb;--border-color: #e9eef6;--text-color: #152033;--muted-color: #6c757d;--shadow-soft: 0 10px 24px rgba(15, 23, 42, .07);--shadow-hover: 0 14px 32px rgba(15, 23, 42, .11)}body{font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--surface-muted);color:var(--text-color);padding-top:76px}body .container{max-width:1320px}.page-shell{min-height:calc(100vh - 76px)}.page-header{background:linear-gradient(135deg,#0d6efd0f,#ff6b3514);border-bottom:1px solid var(--border-color)}.page-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.page-subtitle{color:var(--muted-color);margin-bottom:0}.navbar-custom{background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:0 4px 18px #0f172a0a}.navbar-custom .nav-link,.navbar-custom .navbar-brand,.navbar-custom .btn{color:var(--text-color)}.navbar-custom .nav-link.active,.navbar-custom .nav-link:hover{color:var(--primary-color);background:#0d6efd14;border-radius:999px}.navbar-custom .btn-outline-light{border-color:var(--border-color);color:var(--text-color)}.navbar-custom .btn-outline-light:hover{background:var(--primary-color);color:#fff}.brand-logo{height:42px;width:auto}.brand-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border-color);background:#f5f7fbd9;color:var(--text-color);font-size:.8rem;font-weight:600}.content-card,.card,.panel,.form-card{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-soft)}.content-card{padding:1.25rem}.card-header{background:transparent;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.card-body{padding:1.25rem}.module-card{--module-color: var(--primary-color);--module-soft: rgba(13, 110, 253, .09);display:block;height:100%;padding:1.4rem;border:1px solid var(--border-color);border-top:4px solid var(--module-color);border-radius:8px;background:#fff;color:var(--text-color);text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.module-card:hover{border-color:#0d6efd33;color:var(--text-color);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.module-card-primary{--module-color: var(--primary-color);--module-soft: rgba(13, 110, 253, .09)}.module-card-accent{--module-color: var(--accent-color);--module-soft: rgba(255, 107, 53, .1)}.module-card-success{--module-color: var(--success-color);--module-soft: rgba(25, 135, 84, .1)}.po-module-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}.po-module-dashboard>[class*=col-]{width:auto;max-width:none}.module-card-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.module-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:8px;background:var(--module-soft);color:var(--module-color);font-size:1.35rem}.module-card h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.module-card p{margin-bottom:1rem;color:var(--muted-color)}.module-card .module-arrow{font-size:1.15rem;color:var(--module-color)}.module-metrics{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:.7rem;border-top:1px solid var(--border-color)}.module-metrics span{display:inline-flex;align-items:baseline;gap:.35rem;color:var(--muted-color);font-size:.9rem}.module-metrics strong{color:var(--text-color);font-size:1.05rem}.stat-card{border-left:4px solid var(--primary-color);border-radius:8px;padding:1rem 1.1rem;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stat-card .stat-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:8px;color:var(--primary-color);background:#0d6efd17;margin-bottom:.7rem;font-size:1.1rem}.stat-value{font-size:1.7rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:var(--muted-color);font-size:.92rem}.stat-caption{font-size:.82rem;color:#7d8797}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h4,.section-heading h5{margin-bottom:.2rem;font-weight:700}.section-heading p{margin-bottom:0;color:var(--muted-color)}.form-card{padding:1.25rem}.form-label{font-weight:600;color:#334155;margin-bottom:.5rem}.form-control,.form-select,.form-floating>.form-control,.form-floating>.form-select{border:1px solid var(--border-color);border-radius:8px;padding:.7rem .9rem;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #0d6efd1f}.btn{border-radius:999px;padding:.7rem 1rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 8px 18px #0d6efd2e}.btn-success{background:var(--success-color);border-color:var(--success-color)}.btn-outline-secondary,.btn-outline-primary{border-color:var(--border-color)}.badge{border-radius:999px;padding:.45rem .7rem}.table{margin-bottom:0}.table thead th{background:#f8fafc;color:#475569;border-bottom:1px solid var(--border-color);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background:#f8fbff}.table-responsive{border-radius:8px;overflow:hidden}.table-sticky thead th{position:sticky;top:0;z-index:2}.status-legend{gap:.5rem}.alert{border-radius:8px;border:none}.dropdown-menu{border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft)}canvas{max-height:300px}.module-detail-list{display:grid;gap:.85rem;margin-bottom:0}.module-detail-list dt{color:var(--muted-color);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.module-detail-list dd{margin-bottom:0;color:var(--text-color);font-weight:600}.module-detail-list dd span{color:var(--muted-color);font-weight:500}.empty-state{display:grid;place-items:center;gap:.65rem;min-height:170px;color:var(--muted-color);text-align:center}.empty-state i{color:var(--primary-color);font-size:1.8rem}.empty-state p{margin-bottom:0;font-weight:600}@media(max-width:991px){body{padding-top:72px}}@media(max-width:767px){.page-title{font-size:1.45rem}.section-heading{flex-direction:column;align-items:flex-start}.content-card,.card-body,.form-card{padding:1rem}.po-module-dashboard{grid-template-columns:1fr}}.po-header{display:flex;align-items:center;justify-content:space-between;gap:2rem}.eyebrow{display:block;color:#64748b;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem}.po-header .page-title{font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em}.date-chip,.workspace-count,.soft-badge{display:inline-flex;align-items:center;gap:.55rem;border:1px solid #dfe7f1;background:#fffc;border-radius:999px;padding:.55rem .85rem;color:#475569;font-size:.82rem;font-weight:700}.workspace-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:1.25rem}.workspace-intro h2{font-size:1.35rem;font-weight:750;letter-spacing:-.02em;margin:0}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media(max-width:1200px){.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.workspace-card{--workspace: #2563eb;position:relative;display:flex;flex-direction:column;min-height:370px;padding:1.75rem;overflow:hidden;color:#fff;text-decoration:none;border-radius:24px;box-shadow:0 24px 50px #0f172a24;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.workspace-card:before,.workspace-card:after{content:"";position:absolute;border-radius:50%;z-index:-1}.workspace-card:before{width:260px;height:260px;right:-75px;top:-95px;background:#ffffff17}.workspace-card:after{width:180px;height:180px;right:70px;top:40px;border:1px solid rgba(255,255,255,.1)}.workspace-volunteer{background:linear-gradient(145deg,#172554,#1d4ed8 58%,#3b82f6)}.workspace-edu{background:linear-gradient(145deg,#134e4a,#0f766e 58%,#14b8a6)}.workspace-po{background:linear-gradient(145deg,#7c2d12,#c2410c 58%,#f59e0b)}.workspace-card:hover{color:#fff;transform:translateY(-6px);box-shadow:0 30px 65px #0f172a33}.workspace-card-head{display:flex;align-items:center;justify-content:space-between}.workspace-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#ffffff1f;font-size:1.45rem}.workspace-open{font-size:.8rem;font-weight:700;opacity:.78;transition:opacity .2s}.workspace-card:hover .workspace-open{opacity:1}.workspace-card-body{margin:auto 0 1.5rem}.workspace-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;opacity:.68}.workspace-card h2{font-size:2rem;font-weight:800;letter-spacing:-.04em;margin:.4rem 0 .65rem}.workspace-card p{max-width:470px;color:#ffffffbd;font-size:1rem;line-height:1.65;margin:0}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid rgba(255,255,255,.17);padding-top:1.25rem}.workspace-metrics div{display:flex;flex-direction:column}.workspace-metrics strong{font-size:1.4rem}.workspace-metrics span{font-size:.73rem;color:#ffffffa6}.overview-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e5ebf3;border-radius:16px;box-shadow:0 8px 25px #0f172a0d}.overview-strip>div{white-space:nowrap}.overview-strip p{margin:0;color:#64748b;font-size:.9rem}.pulse-dot{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin-right:.55rem;box-shadow:0 0 0 5px #22c55e1f}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.workspace-tabs{display:flex;gap:.25rem;padding:.3rem;background:#e9eef5;border-radius:12px}.workspace-tabs a{padding:.55rem .9rem;border-radius:9px;text-decoration:none;color:#64748b;font-size:.86rem;font-weight:700}.workspace-tabs a.active{background:#fff;color:#172033;box-shadow:0 3px 10px #0f172a14}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.metric-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e5ebf3;border-radius:17px;padding:1.15rem;box-shadow:0 8px 24px #0f172a0b}.metric-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:13px;background:var(--tone-soft);color:var(--tone);font-size:1.05rem}.metric-card>div{display:flex;flex-direction:column}.metric-card span{color:#64748b;font-size:.78rem;font-weight:650}.metric-card strong{font-size:1.45rem;line-height:1.2;letter-spacing:-.03em}.tone-blue{--tone: #2563eb;--tone-soft: #eff6ff}.tone-amber{--tone: #d97706;--tone-soft: #fffbeb}.tone-green{--tone: #16a34a;--tone-soft: #f0fdf4}.tone-purple{--tone: #7c3aed;--tone-soft: #f5f3ff}.tone-teal{--tone: #0f766e;--tone-soft: #f0fdfa}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:1rem;margin-bottom:1rem}.dashboard-panel{background:#fff;border:1px solid #e5ebf3;border-radius:18px;padding:1.25rem;box-shadow:0 8px 28px #0f172a0d}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-heading h3{font-size:1.05rem;font-weight:800;letter-spacing:-.015em;margin:0}.panel-heading a{color:#2563eb;text-decoration:none;font-size:.8rem;font-weight:750}.chart-box{height:260px;position:relative}.donut-layout{display:flex;align-items:center;gap:1rem}.chart-donut{height:210px;flex:1}.chart-legend{display:grid;gap:.7rem;min-width:115px}.chart-legend span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;color:#64748b;font-size:.76rem}.chart-legend i{width:8px;height:8px;border-radius:50%;background:var(--legend)}.chart-legend b{color:#172033}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:1rem}.activity-feed{margin:-.25rem}.roster-feed{display:grid}.roster-feed .feed-row{border-radius:0}.roster-feed .feed-row:not(:last-child){border-bottom:1px solid #f1f5f9}.feed-row{display:flex;align-items:center;gap:.85rem;padding:.8rem;border-radius:12px;text-decoration:none;color:#172033;transition:background .18s}.feed-row:hover{background:#f8fafc;color:#172033}.feed-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#eff6ff;color:#2563eb;font-weight:800;overflow:hidden}.feed-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.edu-avatar{background:#f0fdfa;color:#0f766e}.feed-row>div{display:flex;flex:1;min-width:0;flex-direction:column}.feed-row strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-row div span{color:#7b8798;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{padding:.32rem .55rem;border-radius:999px;font-size:.7rem;font-weight:750}.status-submitted{background:#fffbeb;color:#b45309}.status-approved{background:#f0fdf4;color:#15803d}.status-rejected{background:#fef2f2;color:#dc2626}.student-count{font-size:.9rem;font-weight:800;color:#0f766e}.student-count small{display:block;color:#94a3b8;font-weight:600;font-size:.65rem}.settings-list{display:grid;gap:.4rem}.settings-list a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:.75rem;padding:.7rem;border-radius:12px;color:#172033;text-decoration:none}.settings-list a:hover{background:#f8fafc}.settings-list>a>i:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f1f5f9;color:#475569}.settings-list>a>i:last-child{font-size:.68rem;color:#a3afbf}.settings-list div{display:flex;flex-direction:column}.settings-list strong{font-size:.85rem}.settings-list span{color:#8793a4;font-size:.72rem}.insight-card{display:flex;gap:.75rem;margin-top:1rem;padding:1rem;border-radius:13px;background:#eff6ff;color:#1d4ed8}.insight-card>i{margin-top:.15rem}.insight-card div{display:flex;flex-direction:column}.insight-card strong{font-size:.82rem}.insight-card span{font-size:.72rem;color:#64748b;line-height:1.45}.insight-teal{background:#f0fdfa;color:#0f766e}@media(max-width:991px){.metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.content-grid{grid-template-columns:1fr}.workspace-card{min-height:340px}.workspace-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:767px){.po-header,.workspace-intro,.overview-strip{align-items:flex-start;flex-direction:column}.workspace-grid{grid-template-columns:1fr}.workspace-card{padding:1.35rem;border-radius:20px}.workspace-metrics{gap:.5rem}.metric-grid{grid-template-columns:1fr}.workspace-toolbar>div:last-child{flex-wrap:wrap}.donut-layout{flex-direction:column}.chart-legend{width:100%}.date-chip{display:none}}:root{--ink: #111827;--ink-soft: #334155;--muted: #64748b;--line: #e2e8f0;--canvas: #f5f7fb;--brand: #2557d6;--brand-dark: #173a9c;--brand-soft: #eef3ff;--teal: #0f766e;--radius: 16px;--radius-lg: 24px;--premium-shadow: 0 12px 40px rgba(15, 23, 42, .07);--premium-shadow-hover: 0 20px 55px rgba(15, 23, 42, .12)}html{scroll-behavior:smooth}body,button,input,select,textarea{font-family:Manrope,Segoe UI,sans-serif}body{padding-top:0;background:var(--canvas);color:var(--ink);letter-spacing:-.006em}.app-container{max-width:1440px;padding-left:clamp(1rem,3vw,2.5rem);padding-right:clamp(1rem,3vw,2.5rem)}.page-shell{min-height:calc(100vh - 142px)}.page-header{position:relative;background:linear-gradient(135deg,#f8faff,#eef3ff 52%,#f1fbfa);border-bottom:1px solid #e1e8f2;overflow:hidden}.page-header:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-230px;background:radial-gradient(circle,rgba(37,87,214,.11),transparent 70%);pointer-events:none}.page-title{color:#101828;font-weight:800;letter-spacing:-.04em}.page-subtitle{color:#697586;line-height:1.65}.app-footer{padding:1.35rem 0;border-top:1px solid var(--line);background:#fff;color:#8490a3;font-size:.75rem}.app-footer>div{display:flex;justify-content:space-between;gap:1rem}.app-navbar{z-index:1030;background:#ffffffeb;border-bottom:1px solid rgba(226,232,240,.92);box-shadow:0 4px 24px #0f172a09;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-nav-inner{max-width:1500px;min-height:76px;padding:0 clamp(1rem,3vw,2.5rem)}.app-brand{display:flex;align-items:center;gap:.72rem;color:var(--ink)!important;text-decoration:none}.app-brand-mark{display:grid;place-items:center;width:200px;padding:.65rem .85rem;border-radius:13px;background:linear-gradient(145deg,#172554,#1d4ed8 58%,#3b82f6);border:1px solid #dfe7f5;box-shadow:0 5px 14px #2557d61a}.app-brand-mark img{width:180px;-o-object-fit:contain;object-fit:contain}.app-brand>span:last-child{display:flex;flex-direction:column}.app-brand strong{font-size:.95rem;font-weight:800;letter-spacing:-.025em}.app-brand small{font-size:.6rem;letter-spacing:.045em;color:#8490a3}.app-nav-links{gap:.25rem}.app-nav-links .nav-link{display:flex;align-items:center;gap:.48rem;padding:.58rem .78rem!important;border-radius:10px;color:#64748b!important;font-size:.8rem;font-weight:700}.app-nav-links .nav-link i{font-size:.76rem}.app-nav-links .nav-link:hover{color:#1d4ed8!important;background:#f5f7fb}.app-nav-links .nav-link.active{color:#1d4ed8!important;background:#eef3ff;box-shadow:inset 0 0 0 1px #2557d614}.app-user-button{display:flex;align-items:center;gap:.65rem;border:0;background:transparent;padding:.42rem .5rem;border-radius:12px;text-align:left}.app-user-button:hover{background:#f6f8fb}.user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#2557d6,#4f7cf0);color:#fff;font-size:.82rem;font-weight:800;box-shadow:0 6px 15px #2557d633;overflow:hidden}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.user-copy{display:flex;flex-direction:column;min-width:0;max-width:145px}.user-copy strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{color:#8a95a5;font-size:.64rem}.app-user-button>i{color:#94a3b8;font-size:.62rem}.user-menu{min-width:220px;padding:.5rem}.user-menu .dropdown-item{display:flex;align-items:center;gap:.7rem;padding:.7rem;border-radius:9px;font-size:.8rem;font-weight:650}.dropdown-menu{border:1px solid #e3e9f1;border-radius:14px;box-shadow:0 18px 50px #0f172a1f}.card,.content-card,.panel,.form-card{border:1px solid #e2e8f0;border-radius:var(--radius);background:#fff;box-shadow:var(--premium-shadow)}.card{overflow:hidden}.card:hover{border-color:#d9e1ec}.card-header{padding:1.15rem 1.3rem;background:#fff;border-color:#edf0f5}.card-footer{border-color:#edf0f5!important}.card-body{padding:1.3rem}.section-heading{margin:0}.section-heading h4,.section-heading h5,.card-header h5{font-weight:800;letter-spacing:-.025em;color:#182230}.section-heading p{font-size:.8rem;line-height:1.5}.stat-card{height:100%;position:relative;padding:1.25rem;border:1px solid #e2e8f0;border-left:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:var(--premium-shadow);overflow:hidden}.stat-card:after{content:"";position:absolute;width:80px;height:80px;right:-30px;top:-30px;border-radius:50%;background:#2557d60b}.stat-card:hover{transform:translateY(-3px);border-color:#d2ddec;box-shadow:var(--premium-shadow-hover)}.stat-card .stat-icon{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand);margin-bottom:1rem}.stat-value{color:#172033;font-size:1.65rem;font-weight:800;letter-spacing:-.04em}.stat-label{color:#334155;font-weight:750}.stat-caption{margin-top:.2rem;color:#8a95a5}.module-card{padding:1.5rem;border:1px solid #e1e7f0;border-top:1px solid #e1e7f0;border-radius:20px;box-shadow:var(--premium-shadow)}.module-card:hover{transform:translateY(-4px);border-color:#cad7eb;box-shadow:var(--premium-shadow-hover)}.module-icon{width:50px;height:50px;border-radius:14px}.module-card h3{font-weight:800;letter-spacing:-.03em}.btn{border-radius:10px;padding:.66rem 1rem;font-size:.82rem;font-weight:750;letter-spacing:-.01em}.btn-sm{padding:.42rem .68rem;border-radius:8px}.btn-primary{background:linear-gradient(135deg,#2557d6,#3269eb);border-color:#2557d6;box-shadow:0 6px 15px #2557d629}.btn-primary:hover{background:linear-gradient(135deg,#1d48b8,#2557d6);box-shadow:0 9px 20px #2557d63b}.btn-outline-primary{color:#2557d6;border-color:#cbd8f5}.btn-outline-secondary{color:#536075;border-color:#dce3ec}.badge{padding:.4rem .65rem;font-size:.69rem;font-weight:750;letter-spacing:.01em}.alert{border:1px solid transparent;border-radius:13px;box-shadow:0 7px 20px #0f172a0a}.form-label{color:#344054;font-size:.78rem;font-weight:750}.form-label i{color:#748199}.form-control,.form-select,.form-floating>.form-control,.form-floating>.form-select{min-height:46px;padding:.7rem .85rem;border:1px solid #d9e1eb;border-radius:11px;background-color:#fff;color:#172033;font-size:.84rem}.form-control::-moz-placeholder{color:#a4adba}.form-control::placeholder{color:#a4adba}.form-control:focus,.form-select:focus{border-color:#6c91ee;box-shadow:0 0 0 4px #2557d61a}.form-text{color:#8a95a5;font-size:.7rem}.table-responsive{border-radius:12px}.table thead th{padding:.82rem 1rem;background:#f8fafc;color:#687386;border-color:#e8edf3;font-size:.68rem;letter-spacing:.07em}.table tbody td{padding:.85rem 1rem;border-color:#edf1f5;color:#344054;font-size:.8rem}.table tbody tr:hover{background:#f8faff}.pagination{gap:.25rem}.page-link{border-radius:8px!important;border-color:#e1e7ef;color:#516078;font-size:.78rem}.page-item.active .page-link{background:#2557d6;border-color:#2557d6}.modal-content{border:0;border-radius:20px;box-shadow:0 30px 80px #0f172a33}.modal-header,.modal-footer{border-color:#edf1f5}.empty-state{border:1px dashed #dbe3ed;border-radius:13px;background:#fafbfd}.premium-auth-body{min-height:100vh;padding:0;background:#0b1634;color:var(--ink);overflow-x:hidden}.auth-orb{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none}.auth-orb-one{width:440px;height:440px;left:-180px;top:-160px;background:radial-gradient(circle,rgba(52,99,224,.28),transparent 70%)}.auth-orb-two{width:400px;height:400px;right:-180px;bottom:-180px;background:radial-gradient(circle,rgba(15,118,110,.22),transparent 70%)}.premium-auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(480px,.95fr);min-height:100vh}.auth-story{display:flex;flex-direction:column;padding:clamp(2rem,5vw,4.5rem);background:linear-gradient(145deg,#0b1634f0,#153068db);color:#fff}.auth-brand{display:inline-flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;width:-moz-max-content;width:max-content}.auth-brand>span{display:grid;place-items:center;padding:.65rem .85rem;border-radius:13px;background:linear-gradient(145deg,#172554,#1d4ed8 58%,#3b82f6);border:1px solid #dfe7f5;box-shadow:0 5px 14px #2557d61a}.auth-brand img{width:180px;-o-object-fit:contain;object-fit:contain}.auth-brand>div{display:flex;flex-direction:column}.auth-brand strong{font-size:1rem;font-weight:800}.auth-brand small{font-size:.64rem;color:#ffffff94;letter-spacing:.05em}.auth-story-copy{max-width:680px;margin:auto 0}.auth-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff12;color:#bcd0ff;font-size:.7rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.auth-story h1{max-width:640px;margin:1.4rem 0 1rem;font-size:clamp(2.7rem,5.2vw,5.3rem);line-height:1.01;letter-spacing:-.065em;font-weight:800}.auth-story h1 em{display:block;color:#6ee7d6;font-style:normal}.auth-story-copy>p{max-width:590px;color:#aebbd3;font-size:1rem;line-height:1.8}.auth-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem}.auth-proof>div{display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff0a}.auth-proof strong{font-size:.78rem}.auth-proof span{margin-top:.25rem;color:#8999b6;font-size:.67rem}.auth-story-footer{display:flex;justify-content:space-between;color:#71809e;font-size:.67rem}.auth-story-footer span{display:flex;align-items:center;gap:.45rem}.auth-form-side{display:grid;place-items:center;padding:2rem;background:#f8fafc}.auth-form-wrap{width:min(100%,480px)}.auth-form-heading{margin-bottom:2rem}.auth-mobile-logo{display:none}.auth-form-heading h2{margin:.25rem 0 .45rem;color:#101828;font-size:2rem;font-weight:800;letter-spacing:-.045em}.auth-form-heading p{color:#7a8698;font-size:.85rem}.auth-error{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem;padding:.8rem;border:1px solid #fecaca;border-radius:11px;background:#fef2f2;color:#b91c1c;font-size:.76rem}.premium-form{display:grid;gap:1.1rem}.form-group-premium label{margin-bottom:.45rem;color:#344054;font-size:.76rem;font-weight:750}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row a{color:#2557d6;text-decoration:none;font-size:.71rem;font-weight:700}.input-icon-wrap{position:relative}.input-icon-wrap>i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#8c97a8;font-size:.8rem}.input-icon-wrap input{width:100%;height:50px;padding:0 3rem 0 2.75rem;border:1px solid #d7dee9;border-radius:12px;background:#fff;color:#182230;outline:0;font-size:.84rem;transition:.2s}.input-icon-wrap input:focus{border-color:#668be9;box-shadow:0 0 0 4px #2557d61a}.password-toggle{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8995a7}.remember-row{display:flex;align-items:center;gap:.55rem;color:#64748b;font-size:.73rem}.remember-row input{width:16px;height:16px;accent-color:#2557d6}.premium-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 1.2rem;border:0;border-radius:12px;background:linear-gradient(135deg,#1f4ec9,#3269eb);color:#fff;font-size:.82rem;font-weight:800;box-shadow:0 12px 25px #2557d63d;transition:.2s}.premium-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px #2557d64d}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.7rem 0 1rem;color:#8a95a5;font-size:.68rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e0e6ee}.role-signup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.role-signup-grid>a{display:flex;align-items:center;gap:.55rem;padding:.72rem;border:1px solid #e0e6ee;border-radius:11px;color:#344054;text-decoration:none;background:#fff}.role-signup-grid>a:hover{border-color:#b9c9eb;background:#f8faff}.role-signup-grid>a>i{color:#2557d6}.role-signup-grid span{display:flex;flex-direction:column}.role-signup-grid strong{font-size:.67rem}.role-signup-grid small{font-size:.58rem;color:#8a95a5}.cgnss-district-link{margin:1.1rem 0 0;text-align:center;color:#7a8698;font-size:.76rem}.cgnss-district-link a{color:#2557d6;font-weight:750;text-decoration:none}.cgnss-district-link a:hover{text-decoration:underline}.premium-register-body{min-height:100vh;padding:0;background:#f3f6fb}.registration-shell{display:grid;grid-template-columns:360px 1fr;min-height:100vh}.registration-aside{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;height:100vh;padding:2.2rem;background:linear-gradient(155deg,#0b1634,#173c88);color:#fff;overflow:hidden}.registration-aside:after{content:"";position:absolute;width:300px;height:300px;right:-150px;bottom:-90px;border-radius:50%;background:#14b8a624}.registration-aside h2{margin:1.2rem 0 .8rem;font-size:2.2rem;line-height:1.08;letter-spacing:-.055em;font-weight:800}.registration-aside p{color:#a6b5cf;font-size:.84rem;line-height:1.7}.registration-aside ul{display:grid;gap:.75rem;padding:0;margin:1.6rem 0 0;list-style:none;color:#d4def0;font-size:.76rem}.registration-aside li i{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:.45rem;border-radius:50%;background:#6ee7d61f;color:#6ee7d6}.registration-aside>small{z-index:1;color:#7f90ae}.registration-aside>small a{color:#fff}.registration-main{display:grid;place-items:center;padding:3rem clamp(1rem,4vw,4rem)}.registration-card{width:min(100%,920px)!important;max-width:920px!important;border:1px solid #e1e7ef;border-radius:24px;background:#fff;box-shadow:0 25px 70px #0f172a1a;overflow:hidden}.registration-card .auth-header{padding:1.7rem 2rem 0}.registration-card .auth-header h1{margin:0!important;padding-bottom:1.3rem!important;border-bottom:1px solid #edf0f5!important;color:#172033;font-size:1.45rem!important;text-align:left!important;letter-spacing:-.035em}.registration-card .auth-header h1 i{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef3ff;color:#2557d6}.registration-card .auth-body{padding:1.7rem 2rem 2rem}.registration-card .row{--bs-gutter-x: 1.1rem;--bs-gutter-y: 1.05rem}.registration-card .regbtn{min-height:50px;background:linear-gradient(135deg,#2557d6,#3269eb);border:0;color:#fff;box-shadow:0 10px 22px #2557d633}.registration-card hr{border-color:#e7ebf1}.registration-card a{color:#2557d6}.recovery-body{display:grid;place-items:center;padding:2rem}.recovery-shell{position:relative;z-index:1;width:min(100%,480px)}.dark-brand{margin:0 auto 1.5rem}.recovery-card{padding:2rem;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#fff;box-shadow:0 25px 70px #00000038;color:#475569}.recovery-icon{display:flex;place-items:center;margin-bottom:1rem;border-radius:13px;background:#eef3ff;color:#2557d6}.recovery-card input{border-radius:10px}.recovery-card button{background:#2557d6!important;border-radius:10px!important}.recovery-footer{text-align:center;margin:1rem 0 0;color:#70809f;font-size:.65rem}@media(max-width:1100px){.premium-auth-shell{grid-template-columns:1fr 1fr}.auth-story{padding:2.5rem}.auth-proof{grid-template-columns:1fr}.auth-proof>div:nth-child(n+2){display:none}.registration-shell{grid-template-columns:300px 1fr}}@media(max-width:900px){.premium-auth-shell{display:block;background:#f8fafc}.auth-story{display:none}.auth-form-side{min-height:100vh;padding:1.5rem}.auth-mobile-logo{display:grid;place-items:center;width:50px;height:50px;margin-bottom:1.5rem;border:1px solid #dfe6f0;border-radius:14px;background:#fff}.auth-mobile-logo img{width:38px}.registration-shell{display:block}.registration-aside{position:relative;height:auto;min-height:210px;padding:1.5rem}.registration-aside>div{display:none}.registration-aside>small{margin-top:2rem}.registration-main{padding:1.25rem}.app-user{margin-top:1rem}.app-nav-links{padding:1rem 0}.app-footer>div{flex-direction:column}.navbar-collapse{padding-bottom:1rem}}@media(max-width:600px){.role-signup-grid{grid-template-columns:1fr}.auth-form-heading h2{font-size:1.7rem}.registration-card{border-radius:17px}.registration-card .auth-header{padding:1.25rem 1.2rem 0}.registration-card .auth-body{padding:1.25rem}.registration-aside{min-height:160px}.registration-aside>small{margin-top:1rem}.app-brand small,.user-copy{display:none}.page-header .app-container{padding-top:1.6rem!important;padding-bottom:1.6rem!important}.card-body{padding:1rem}.table tbody td,.table thead th{padding:.75rem}.app-footer{display:none}}.po-activity-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:1rem}.po-activity-quick-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1px solid #e1e7f0;border-radius:15px;background:#fff;color:#172033;text-decoration:none;box-shadow:0 8px 24px #0f172a0f;transition:.2s}.po-activity-quick-card:hover{color:#172033;transform:translateY(-2px);border-color:#c9d5e8;box-shadow:0 12px 30px #0f172a1a}.quick-card-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;font-size:1rem}.quick-card-icon.normal{background:#eef3ff;color:#2557d6}.quick-card-icon.camp{background:#fff7df;color:#b77900}.quick-card-copy{display:flex;flex:1;min-width:0;flex-direction:column}.quick-card-copy small{color:#8a95a5;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.quick-card-copy strong{font-size:.85rem}.quick-card-arrow{color:#94a3b8;font-size:.72rem}@media(max-width:767px){.po-activity-quick-grid{grid-template-columns:1fr}}.photo-upload-field{display:flex;align-items:center;gap:1rem}.photo-preview{width:72px;height:72px;flex-shrink:0;border-radius:50%;background:var(--brand-soft, #eef3ff);border:2px solid #dfe7f1;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:1.75rem;overflow:hidden}.photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.panel-heading-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.export-actions{display:flex;gap:.5rem;flex-shrink:0}.export-actions .btn{display:inline-flex;align-items:center;border-radius:10px;font-weight:650}@media(max-width:575px){.export-actions .btn span{display:none!important}}.card-page-header{background:#fff;border:1px solid #e5ebf3;border-radius:18px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 8px 28px #0f172a0d}.card-page-header .page-title{font-size:clamp(1.35rem,2.4vw,1.75rem);margin:.15rem 0 0}.landing-body{background:#f3f6fb}.cgnss-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,3rem);background:#ffffffef;border-bottom:1px solid #e6ecf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cgnss-logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}.cgnss-logo img{height:44px;width:auto;-o-object-fit:contain;object-fit:contain}.cgnss-logo-copy{display:flex;flex-direction:column;line-height:1.15}.cgnss-logo-copy strong{font-size:.92rem;font-weight:800;color:#101828}.cgnss-logo-copy small{font-size:.62rem;color:#7a8698;letter-spacing:.03em}.cgnss-header-actions{display:flex;align-items:center;gap:.6rem}.cgnss-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.15rem;border-radius:10px;font-size:.8rem;font-weight:750;text-decoration:none;border:1px solid transparent;transition:.18s;cursor:pointer}.cgnss-btn-outline{color:var(--brand-dark, #173a9c);border-color:#c7d5f2;background:#fff}.cgnss-btn-outline:hover{border-color:var(--brand, #2557d6);background:#f5f8ff;color:var(--brand-dark, #173a9c)}.cgnss-btn-solid{color:#fff;background:linear-gradient(135deg,#2557d6,#3269eb);box-shadow:0 8px 18px #2557d640}.cgnss-btn-solid:hover{color:#fff;box-shadow:0 10px 22px #2557d654;transform:translateY(-1px)}.cgnss-btn:focus-visible{outline:3px solid #ffb703;outline-offset:2px}.cgnss-hero{position:relative;display:flex;align-items:center;min-height:min(88vh,780px);padding:2rem clamp(1rem,4vw,3rem) 0;background-color:#eaf1fc;background-image:url(/images/bgimg.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;overflow:hidden}.cgnss-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1180px;margin:0 auto;text-align:center}.cgnss-hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;background:#fffc;border:1px solid #d9e4fb;color:#173a9c;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cgnss-hero-title{margin:1.1rem 0 .6rem;font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:800;letter-spacing:-.03em;color:#101f45}.cgnss-hero-title em{display:block;font-style:normal;color:#d97706}.cgnss-hero-subtitle{max-width:620px;color:#33415c;font-size:1rem;line-height:1.65}.cgnss-hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.4rem}.cgnss-hero-figures{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;width:100%;margin-top:clamp(1rem,4vw,2.5rem);pointer-events:none}.cgnss-hero-figures img{width:min(360px,34vw);min-width:200px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(15,23,42,.18))}.cgnss-hero-split{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2.5rem,7vw,6rem);width:100%;text-align:left}.cgnss-hero-split:before{content:"";position:absolute;left:50%;top:6%;bottom:6%;width:1px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(37,87,214,.35) 20%,rgba(217,119,6,.35) 80%,transparent);pointer-events:none}.cgnss-hero-split .cgnss-hero-figures{position:relative;width:100%;order:1;margin-top:0;justify-content:center}.cgnss-hero-split .cgnss-hero-figures:before{content:"";position:absolute;top:-10%;right:8%;bottom:-10%;left:8%;z-index:-1;background:radial-gradient(circle,rgba(37,87,214,.14),transparent 68%);pointer-events:none}.cgnss-hero-split .cgnss-hero-figures img{width:min(78%,420px)}.cgnss-hero-split .cgnss-hero-textblock{order:2;justify-self:start;max-width:480px}.cgnss-hero-textblock{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;padding-left:1.5rem;border-left:4px solid #2557d6;-o-border-image:linear-gradient(180deg,#2557d6,#d97706) 1;border-image:linear-gradient(180deg,#2557d6,#d97706) 1}.cgnss-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;border-radius:999px;background:linear-gradient(135deg,#eef3ff,#eafaf3);border:1px solid #cfe0fb;color:#173a9c;font-size:.72rem;font-weight:800;letter-spacing:.05em}.cgnss-hero-badge i{color:#d97706}.cgnss-hero-dept{margin:0;color:#33415c;font-size:clamp(1rem,2vw,1.3rem);font-weight:700;letter-spacing:.01em}.cgnss-hero-scheme{margin:0;color:#101f45;background:linear-gradient(90deg,#101f45,#2557d6 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(1.35rem,2.9vw,2.05rem);font-weight:800;letter-spacing:-.01em}.cgnss-hero-english{display:flex;flex-direction:column;gap:.15rem;margin:.35rem 0 0;line-height:1.05}.cgnss-hero-english-accent{color:#d97706;background:linear-gradient(120deg,#b45309,#f59e0b 55%,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(1.15rem,2.6vw,1.7rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cgnss-hero-english-main{color:#101f45;font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:900;letter-spacing:-.035em;text-shadow:0 10px 26px rgba(37,87,214,.16)}.cgnss-hero-motto{margin:.2rem 0 0;color:#64748b;font-size:.85rem;font-weight:650;font-style:italic;letter-spacing:.02em}.cgnss-login-section{scroll-margin-top:84px;padding:clamp(2.5rem,6vw,4.5rem) clamp(1rem,4vw,3rem);background:#f3f6fb}.cgnss-login-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2rem;max-width:1180px;margin:0 auto;align-items:start}.cgnss-login-card{padding:clamp(1.75rem,3vw,2.5rem);border:1px solid #e1e7ef;border-radius:22px;background:#fff;box-shadow:0 20px 55px #0f172a12}.cgnss-section-eyebrow{color:#2557d6;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.notice-board{padding:clamp(1.5rem,2.6vw,2rem);border:1px solid #e1e7ef;border-radius:22px;background:#fff;box-shadow:0 20px 55px #0f172a12}.notice-board-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid #edf0f5}.notice-board-header h2{display:flex;align-items:center;gap:.55rem;margin:0;color:#173a9c;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.notice-board-header h2 i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef3ff;color:#2557d6;font-size:.9rem}.notice-board-viewall{color:#2557d6;font-size:.72rem;font-weight:750;text-decoration:none;white-space:nowrap}.notice-board-viewall:hover{text-decoration:underline}.notice-list{display:grid;gap:.7rem}.notice-item{display:block;padding:.9rem 1rem;border:1px solid #e7ecf4;border-radius:14px;background:#f9fbff;text-decoration:none;color:inherit;transition:.16s}.notice-item:hover,.notice-item:focus-visible{border-color:#b9c9eb;background:#f2f6ff}.notice-item-title{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;color:#172033;font-size:.88rem;font-weight:750}.notice-item-date{display:inline-flex;align-items:center;gap:.35rem;margin-top:.3rem;color:#7a8698;font-size:.68rem;font-weight:700}.notice-item-desc{margin-top:.4rem;color:#5b6779;font-size:.76rem;line-height:1.5}.notice-item-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.55rem;color:#2557d6;font-size:.72rem;font-weight:800}.notice-empty{padding:1.5rem 1rem;border:1px dashed #d7dee9;border-radius:14px;text-align:center;color:#8a95a5;font-size:.8rem}@media(max-width:1100px){.cgnss-login-grid{grid-template-columns:1fr}}@media(max-width:900px){.cgnss-hero{min-height:auto;padding-bottom:2rem}.cgnss-hero-figures img{width:min(300px,55vw)}.cgnss-hero-split{grid-template-columns:1fr;text-align:center}.cgnss-hero-split:before{display:none}.cgnss-hero-split .cgnss-hero-figures{justify-content:center;justify-self:center}.cgnss-hero-split .cgnss-hero-textblock{justify-self:center}.cgnss-hero-textblock{align-items:center;padding-left:0;border-left:0;border-top:4px solid #2557d6;-o-border-image:linear-gradient(90deg,#2557d6,#d97706) 1;border-image:linear-gradient(90deg,#2557d6,#d97706) 1;padding-top:1.1rem}}@media(max-width:600px){.cgnss-header{padding:.7rem 1rem}.cgnss-logo img{height:34px}.cgnss-logo-copy{display:none}.cgnss-btn{padding:.5rem .8rem;font-size:.72rem}.cgnss-hero{padding-top:1.25rem}.cgnss-hero-eyebrow{font-size:.62rem}.cgnss-hero-figures img{width:min(220px,62vw)}.cgnss-login-section{padding:2rem 1rem}.cgnss-login-card,.notice-board{border-radius:16px;padding:1.35rem}}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem}.config-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid #e5ebf3;border-radius:14px;background:#fff;color:#172033;text-decoration:none;box-shadow:0 6px 18px #0f172a0a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.config-card:hover{color:#172033;transform:translateY(-2px);border-color:#c9d5e8;box-shadow:0 12px 26px #0f172a14}.config-card-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:11px;background:var(--tone-soft, #eff6ff);color:var(--tone, #2557d6);font-size:1rem}.config-card-copy{display:flex;flex:1;min-width:0;flex-direction:column}.config-card-copy strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-card-copy span{color:#8793a4;font-size:.7rem}.config-card>i:last-child{color:#a3afbf;font-size:.72rem}