@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--portal-ink:#14251f;--portal-muted:#6d7e78;--portal-green:#168a50;--portal-green-dark:#0d6138;--portal-mint:#eaf8f0;--portal-blue:#2d6cdf;--portal-orange:#ed8d32;--portal-red:#d9534f;--portal-border:#e4eee9}
body{font-family:'DM Sans',Inter,Arial,sans-serif}.sidebar{background:linear-gradient(180deg,#102e23,#091c16)}.brandbox{background:linear-gradient(135deg,rgba(29,185,98,.17),rgba(255,255,255,.02))}.brandname,.top h3,h1,h2,h3,h4,h5,h6{font-family:Manrope,'DM Sans',sans-serif}.top{overflow:hidden}.top:after{content:"";position:absolute;width:160px;height:160px;right:-45px;top:-75px;border-radius:50%;background:rgba(22,138,80,.07);pointer-events:none}.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#f6ad55;color:#17251f;font-size:11px;font-weight:800;margin-left:auto}.welcome-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;margin-bottom:20px;padding:28px 30px;border-radius:20px;color:#fff;background:linear-gradient(115deg,#0f6e40,#168a50 58%,#2aad70);box-shadow:0 16px 35px rgba(22,138,80,.18)}.welcome-banner:after{content:"";position:absolute;width:240px;height:240px;right:-40px;top:-130px;border:35px solid rgba(255,255,255,.08);border-radius:50%}.welcome-banner h2{position:relative;margin:5px 0 6px;font-size:25px;color:#fff}.welcome-banner p{position:relative;margin:0;color:rgba(255,255,255,.77)}.admin-banner{background:linear-gradient(115deg,#173a65,#225c94 60%,#3b88b4);box-shadow:0 16px 35px rgba(37,93,145,.18)}.eyebrow{display:inline-flex;align-items:center;color:var(--portal-green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow.light{color:rgba(255,255,255,.72)}.btn-white{background:#fff;color:#12613d;border:0;border-radius:10px;font-weight:700;padding:.65rem 1rem;position:relative;z-index:1}.btn-white:hover{background:#effaf4;color:#0b4f31}.metric-card{position:relative;min-height:165px;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-34px;bottom:-55px;width:125px;height:125px;border:18px solid rgba(22,138,80,.05);border-radius:50%}.metric-icon,.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;margin-bottom:15px}.metric-icon.green,.feature-icon.green{color:#168a50;background:#e6f7ed}.metric-icon.blue,.feature-icon.blue{color:#2d6cdf;background:#e9f0ff}.metric-icon.orange,.feature-icon.orange{color:#d77a22;background:#fff1df}.metric-icon.red,.feature-icon.red{color:#ce514d;background:#ffebea}.metric-card .kpi{margin:4px 0 4px}.metric-link{color:#168a50;font-size:12px;font-weight:700;text-decoration:none}.metric-link i{margin-left:5px;font-size:10px;transition:transform .2s}.metric-link:hover i{transform:translateX(3px)}.section-kicker{display:block;margin-bottom:4px;color:#168a50;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.quota-track,.progress-track{height:8px;border-radius:99px;background:#e6efe9;overflow:hidden}.quota-track i,.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#19a15d,#79d49d)}.notice-card{height:100%}.notice-item{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #edf2ef;color:var(--portal-ink);text-decoration:none;transition:.2s}.notice-item:last-child{border-bottom:0}.notice-item:hover{transform:translateX(3px)}.notice-item strong,.notice-item small{display:block}.notice-item strong{font-size:13px}.notice-item small{margin-top:3px;color:var(--portal-muted);font-size:11px;line-height:1.4}.notice-dot{width:8px;height:8px;flex:0 0 8px;margin-top:5px;border-radius:50%;background:#b9c9c0}.notice-item.unread .notice-dot{background:#ef9d3d;box-shadow:0 0 0 4px #fff3e4}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-grid a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--portal-border);border-radius:12px;color:var(--portal-ink);font-weight:700;font-size:13px;text-decoration:none;transition:.2s}.quick-grid a i{color:var(--portal-green);font-size:16px}.quick-grid a:hover{border-color:#95d1ad;background:#f4fcf7;transform:translateY(-2px)}.status-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:capitalize}.status-pill.open{background:#fff3df;color:#b86a12}.status-pill.in_progress{background:#e8f0ff;color:#2a62bb}.status-pill.resolved{background:#e5f7ed;color:#167344}.status-pill.rejected{background:#ffebea;color:#bd443f}.table .btn{font-size:12px}.alert{border:0;border-radius:12px}.cardx{animation:rise-in .45s ease both}@keyframes rise-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.welcome-banner{align-items:flex-start;flex-direction:column;padding:23px}.quick-grid{grid-template-columns:1fr}.welcome-banner h2{font-size:21px}}

/* Public home, sign-in and registration screens */
.public-shell{background:#f6faf7;color:var(--portal-ink);min-height:100vh}.public-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:22px 24px}.public-brand{display:flex;align-items:center;gap:10px;color:var(--portal-ink);font-family:Manrope,sans-serif;font-size:15px;font-weight:800;text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#1ba260,#0d6038);box-shadow:0 7px 15px rgba(22,138,80,.18)}.public-links{display:flex;align-items:center;gap:24px}.public-links>a:not(.btn){color:#587067;font-size:13px;font-weight:700;text-decoration:none}.public-links>a:not(.btn):hover{color:#168a50}.btn-light-outline{border:1px solid #cfe3d7;color:#17633f;background:#fff;border-radius:10px;padding:.62rem .95rem;font-weight:700}.btn-light-outline:hover{background:#effaf3;color:#0c5733}.btn-primary{border:0;background:linear-gradient(135deg,#168a50,#0f6e40);box-shadow:0 9px 18px rgba(22,138,80,.19);border-radius:10px;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1180px;margin:0 auto;padding:74px 24px 104px}.hero-copy h1{max-width:620px;margin:15px 0 18px;font-size:clamp(40px,5vw,65px);line-height:1.05;letter-spacing:-.05em}.hero-copy>p{max-width:540px;margin:0;color:#657971;font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.text-link{color:#176b43;font-size:13px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px;color:#75867f;font-size:12px;font-weight:700}.trust-row i{margin-right:5px;color:#21965a}.hero-visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.glow{position:absolute;border-radius:50%;filter:blur(3px)}.glow-one{width:360px;height:360px;background:rgba(172,230,192,.48);top:18px;right:25px}.glow-two{width:180px;height:180px;background:rgba(228,241,255,.85);bottom:10px;left:12px}.portal-preview{position:relative;width:min(430px,100%);padding:17px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 35px 75px rgba(46,92,71,.16);backdrop-filter:blur(16px);animation:float-card 5s ease-in-out infinite}.preview-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 5px 18px;color:#98aaa1;font-size:10px}.preview-dots{display:flex;gap:4px}.preview-dots b{width:6px;height:6px;border-radius:50%;background:#b9dfc9}.preview-dots b:nth-child(2){background:#f2c98d}.preview-dots b:nth-child(3){background:#9bc3e9}.preview-label{font-size:9px;letter-spacing:.12em;font-weight:800}.preview-icon{color:#168a50;font-size:15px}.preview-welcome{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:16px;background:linear-gradient(120deg,#e9f8ef,#f2f8ff)}.preview-welcome small{color:#718279;font-size:10px}.preview-welcome h3{margin:4px 0 0;font-size:16px}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:#fff;background:#168a50;font-size:11px;font-weight:800}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.preview-stats>div{padding:13px;border:1px solid #edf2ef;border-radius:14px;background:#fff}.preview-stats small{display:block;margin-top:9px;color:#84938d;font-size:10px}.preview-stats strong{display:block;margin-top:3px;font-size:17px}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:12px}.stat-icon.green{background:#e6f7ed;color:#168a50}.stat-icon.blue{background:#e9f0ff;color:#2d6cdf}.preview-progress{margin-top:10px;padding:15px;border-radius:14px;background:#fff}.preview-progress span,.preview-progress b{font-size:11px}.preview-progress small{display:block;margin-top:8px;color:#889890;font-size:10px}.progress-track{margin-top:9px}.preview-notice{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;border-radius:13px;background:#f5fbf7}.preview-notice>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#168a50;background:#ddf3e5}.preview-notice b,.preview-notice small{display:block}.preview-notice b{font-size:11px}.preview-notice small{margin-top:2px;color:#84938d;font-size:9px}@keyframes float-card{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-10px) rotate(-1deg)}}.section-block{max-width:1180px;margin:0 auto;padding:55px 24px}.section-heading{max-width:600px;margin-bottom:30px}.section-heading h2{margin:8px 0;font-size:35px;letter-spacing:-.04em}.section-heading p{margin:0;color:#71827b}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:25px;border:1px solid #e2eee6;border-radius:18px;background:#fff;transition:.25s}.feature-card:hover{border-color:#a1d6b6;box-shadow:0 14px 30px rgba(35,98,60,.08);transform:translateY(-4px)}.feature-card h3{margin:0 0 8px;font-size:17px}.feature-card p{margin:0;color:#77877f;font-size:13px;line-height:1.65}.process-block{padding-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:22px 0;border-top:1px solid #dce9e1}.step>span{color:#168a50;font-size:12px;font-weight:800}.step h3{margin:12px 0 7px;font-size:17px}.step p{margin:0;color:#77877f;font-size:13px;line-height:1.6}.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1132px;margin:45px auto 70px;padding:35px 38px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#123d2a,#168a50)}.cta-banner h2{max-width:650px;margin:8px 0 0;font-size:28px;letter-spacing:-.04em}.public-footer{display:flex;justify-content:space-between;max-width:1180px;margin:auto;padding:22px 24px 30px;border-top:1px solid #dfebe3;color:#8a9992;font-size:11px}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:30px;padding-top:40px}.hero-visual{min-height:400px}.feature-grid,.steps{grid-template-columns:1fr}.cta-banner{align-items:flex-start;flex-direction:column;margin:25px 24px 45px;padding:28px}.public-footer{flex-direction:column;gap:8px}.public-links{gap:10px}.public-links>a:not(.btn){display:none}}@media(max-width:500px){.public-nav{padding:16px}.public-nav .btn{padding:.55rem .7rem}.hero{padding-left:16px;padding-right:16px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:15px}.trust-row{gap:10px}.section-block{padding-left:16px;padding-right:16px}}

/* Account forms */
.account-shell{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:#f6faf7}.account-panel{display:flex;align-items:center;justify-content:center;padding:42px 24px}.account-card{width:min(470px,100%);padding:34px;border:1px solid #e1ede5;border-radius:22px;background:#fff;box-shadow:0 24px 55px rgba(34,89,57,.09)}.account-card h1{margin:18px 0 8px;font-size:31px;letter-spacing:-.04em}.account-card .lead{color:#76877f;font-size:14px;line-height:1.6}.account-side{position:relative;display:flex;align-items:center;padding:70px;background:linear-gradient(145deg,#123c2a,#168a50);overflow:hidden;color:#fff}.account-side:before,.account-side:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.account-side:before{width:500px;height:500px;right:-220px;top:-70px}.account-side:after{width:320px;height:320px;left:-170px;bottom:-160px}.side-content{position:relative;z-index:1;max-width:470px}.side-content h2{margin:18px 0;font-size:42px;line-height:1.08;letter-spacing:-.05em}.side-content p{max-width:410px;color:rgba(255,255,255,.74);line-height:1.7}.side-points{display:grid;gap:14px;margin-top:30px}.side-points span{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px}.side-points i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#0f7041;background:#d9f5e4;font-size:11px}.account-card .form-label{color:#3d5148;font-size:12px;font-weight:700}.account-card .form-control,.account-card .form-select{padding:.75rem .85rem;border-color:#dbe9e0}.account-card .form-control:focus,.account-card .form-select:focus{border-color:#5bb080;box-shadow:0 0 0 .2rem rgba(22,138,80,.1)}.account-divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:#9aa9a2;font-size:11px}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:#e8efea}.account-foot{margin-top:20px;text-align:center;color:#7b8b84;font-size:12px}.account-foot a{color:#168a50;font-weight:800;text-decoration:none}.logo-lockup{display:flex;align-items:center;gap:10px;color:#123c2a;font-family:Manrope,sans-serif;font-size:14px;font-weight:800}.logo-lockup .brand-mark{width:31px;height:31px;border-radius:10px;font-size:12px}@media(max-width:850px){.account-shell{grid-template-columns:1fr}.account-side{display:none}.account-card{padding:27px 22px}.account-panel{padding:25px 16px}}