/* EPACC calm academic product reminder: soft cool-gray canvas, clear data hierarchy, teal trust signals, never generic dashboard styling. */
:root{--ink:#10213f;--muted:#69758b;--line:#e7ecf4;--paper:#fff;--mist:#f6f9fd;--tide:#16b8b2;--teal-deep:#0f8d97;--blue:#2478e8;--violet:#7b61ff;--green:#18a86a;--amber:#f6af27;--red:#ef5b64;--shadow:0 16px 42px rgba(25,48,83,.08);--radius:18px;--shell:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(var(--shell),calc(100% - 48px));margin:auto}.eyebrow{margin:0 0 8px;color:var(--teal-deep);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:1.12rem;white-space:nowrap}.brand b{color:var(--teal-deep)}.brand em{font-style:normal;font-weight:600}.brand-mark,.mini-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,var(--tide),var(--blue) 55%,var(--violet));color:#fff;font-family:Manrope;font-size:1.35rem;font-weight:800;box-shadow:0 8px 18px rgba(58,112,224,.24)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;padding:13px 19px;background:linear-gradient(105deg,var(--teal-deep),var(--blue) 58%,var(--violet));box-shadow:0 10px 22px rgba(54,104,228,.22);color:#fff;font-weight:700;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(54,104,228,.3)}.button:active{transform:scale(.97)}.button-outline{background:#fff;border:1px solid #a3d6dc;box-shadow:none;color:var(--teal-deep)}.button-quiet{background:#f1f7ff;color:var(--blue);box-shadow:none}.button-danger{background:#fff0f2;color:#bf3543;box-shadow:none}.button-small{padding:9px 13px;border-radius:9px;font-size:.88rem}.public-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(231,236,244,.85);backdrop-filter:blur(16px)}.nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.public-nav{display:flex;align-items:center;gap:33px;font-size:.9rem;font-weight:700}.public-nav a{padding:25px 0;border-bottom:2px solid transparent}.public-nav a.active{color:var(--teal-deep);border-color:var(--tide)}.menu-trigger{display:none;border:0;background:transparent;font-size:1.5rem}.mobile-drawer,.drawer-backdrop{display:none}.public-footer{background:#fff;border-top:1px solid var(--line);padding:28px 0}.footer-row{display:flex;align-items:center;gap:26px}.footer-row p{margin:0;color:var(--muted);font-size:.9rem}.footer-row nav{margin-left:auto;display:flex;gap:30px;color:#536077;font-size:.88rem}.hero{position:relative;overflow:hidden;background:#fff;padding:82px 0 36px}.hero:before{content:'';position:absolute;width:500px;height:500px;right:-80px;top:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(67,194,222,.2),rgba(121,97,255,.14) 45%,transparent 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:42px}.hero h1{margin:0;max-width:620px;font-family:Manrope;font-size:clamp(3rem,5.2vw,5.7rem);line-height:1.02;letter-spacing:-.06em}.hero h1 span{display:block}.hero-copy{max-width:520px;margin:24px 0 29px;color:#607087;font-size:1.13rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-preview{position:relative;min-height:430px}.hero-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:25px;filter:drop-shadow(0 27px 25px rgba(30,64,130,.12));mix-blend-mode:multiply}.metric-ribbon{position:relative;margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 23px rgba(35,58,90,.04)}.metric-ribbon article{display:flex;justify-content:center;align-items:center;gap:14px;padding:16px;border-right:1px solid var(--line)}.metric-ribbon article:last-child{border:0}.metric-ribbon i{font-size:1.5rem;color:var(--tide)}.metric-ribbon b{display:block;font-size:1.3rem}.metric-ribbon span{font-size:.82rem;color:var(--muted)}.section{padding:72px 0}.section-alt{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading h2{margin:0;font-family:Manrope;font-size:1.75rem;letter-spacing:-.04em}.section-heading p{max-width:510px;margin:7px 0 0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{padding:23px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 18px rgba(36,59,91,.04);transition:.2s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eafaf9;color:var(--teal-deep);font-size:1.35rem}.feature-card h3{margin:17px 0 6px;font-family:Manrope;font-size:1rem}.feature-card p{margin:0;color:var(--muted);font-size:.88rem}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:22px}.surface{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 9px 22px rgba(31,56,93,.04)}.notice-list{padding:8px 22px}.notice-row{display:flex;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.notice-row:last-child{border:0}.notice-row i{color:var(--blue);font-size:1.35rem}.notice-row b{display:block;font-size:.92rem}.notice-row small{color:var(--muted)}.verify-box{padding:30px;background:linear-gradient(135deg,#fff,#f6fbff)}.verify-box h2{margin:0;font-family:Manrope}.verify-box p{color:var(--muted)}.verify-form{display:flex;gap:10px}.field{width:100%;display:flex;flex-direction:column;gap:7px}.field label{font-size:.84rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e1ee;border-radius:10px;padding:12px 13px;outline:none;background:#fff;transition:.16s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--tide);box-shadow:0 0 0 4px rgba(22,184,178,.12)}.cta-band{margin:0 auto;padding:31px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:18px;background:linear-gradient(105deg,#0baeb5,#2e87db 56%,#8661e9);color:#fff}.cta-band h2{margin:0;font-family:Manrope}.cta-band p{margin:5px 0 0;opacity:.92}.cta-band .button{background:#fff;color:var(--ink);box-shadow:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:256px 1fr;background:#f8faff}.sidebar{position:sticky;top:0;align-self:start;height:100vh;padding:28px 14px;background:#fff;border-right:1px solid var(--line)}.sidebar-brand{padding:0 11px 34px}.sidebar-label{padding:0 11px;margin:0 0 8px;color:#8490a5;font-size:.68rem;font-weight:800;letter-spacing:.09em}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px;border-radius:10px;color:#536077;font-weight:600;font-size:.91rem}.sidebar nav a i{width:20px;font-style:normal;text-align:center;font-size:1.1rem}.sidebar nav a:hover{background:#f3faff;color:var(--teal-deep)}.sidebar nav a.active{background:linear-gradient(90deg,#e6faf8,#f3edff);color:var(--teal-deep);box-shadow:inset 4px 0 var(--tide)}.sidebar-secure{position:absolute;right:14px;bottom:18px;left:14px;padding:15px;border:1px solid #ccecdf;border-radius:13px;background:linear-gradient(135deg,#eefbf5,#fbfff9);color:#277446;font-size:.76rem}.sidebar-secure span{float:left;margin-right:9px;font-size:1.35rem}.sidebar-secure p{clear:both;margin:8px 0 0;color:#4a795b;line-height:1.45}.panel-main{min-width:0;padding:35px 40px 65px}.panel-topbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:27px}.panel-topbar h1{margin:0;font-family:Manrope;font-size:2rem;letter-spacing:-.05em}.top-user{display:flex;align-items:center;gap:12px;color:#364158;font-size:.88rem}.secure-chip{padding:8px 11px;border:1px solid #ccebdc;border-radius:8px;background:#f5fff9;color:#247844;font-weight:700}.notification-bell{font-size:1.25rem}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,#dbf7f5,#dcd5ff);color:#25627f;font-weight:800}.quiet-link{color:#657188}.mobile-panel-header{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(40,60,94,.035)}.stat-card p{margin:0;color:#66738a;font-size:.83rem}.stat-card h3{margin:2px 0;font-family:Manrope;font-size:1.55rem;letter-spacing:-.04em}.stat-card small{color:var(--green);font-weight:700}.metric-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;font-size:1.35rem}.metric-icon.teal{background:#dff8f5;color:#13a5a1}.metric-icon.blue{background:#e6f0ff;color:#2773d9}.metric-icon.violet{background:#f0ebff;color:#8060da}.metric-icon.gold{background:#fff1d9;color:#e19c20}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.panel-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(34,55,87,.035)}.panel-card h2{margin:0;font-family:Manrope;font-size:1.08rem}.panel-card .muted{margin:3px 0 17px;color:var(--muted);font-size:.85rem}.donut-row{display:flex;align-items:center;gap:28px}.donut{--value:0;display:grid;place-items:center;width:150px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--tide) calc(var(--value)*1%),#e8eff6 0);position:relative}.donut:after{content:'';position:absolute;inset:13px;border-radius:50%;background:#fff}.donut b,.donut span{position:relative;z-index:1;text-align:center}.donut b{font-family:Manrope;font-size:1.55rem}.donut span{display:block;font-size:.75rem;color:var(--muted)}.legend{display:grid;gap:13px;flex:1}.legend div{display:flex;justify-content:space-between;gap:15px}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.bar-progress{display:flex;overflow:hidden;height:10px;margin-top:18px;border-radius:99px;background:#e8edf4}.bar-progress span{height:100%}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th,.data-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:.86rem}.data-table th{background:#fbfcfe;color:#66738a;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.data-table tr:last-child td{border:0}.data-table tr:hover td{background:#fbfeff}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px}.toolbar form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.modal{position:fixed;z-index:50;display:none;inset:0;align-items:center;justify-content:center;padding:20px;background:rgba(16,33,63,.34);backdrop-filter:blur(3px)}.modal.open{display:flex}.modal-box{width:min(680px,100%);max-height:90vh;overflow:auto;padding:25px;border-radius:18px;background:#fff;box-shadow:0 26px 70px rgba(12,29,60,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0;font-family:Manrope}.modal-close{border:0;background:#f2f5f8;border-radius:50%;width:32px;height:32px;font-size:1.2rem}.actions{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;background:#edf6ff;color:#2861af;font-size:.72rem;font-weight:800}.badge.green{background:#eaf9f1;color:#197846}.badge.amber{background:#fff6dc;color:#9b6b00}.badge.red{background:#fff0f1;color:#bb3e46}.chart{height:224px;display:flex;align-items:end;gap:12px;padding:24px 7px 5px;border-bottom:1px solid var(--line)}.chart .col{display:flex;flex:1;flex-direction:column;justify-content:end;align-items:center;gap:8px;height:100%}.chart .col i{display:block;width:60%;min-height:7px;border-radius:7px 7px 2px 2px;background:linear-gradient(#c9e4ff,#6faff2)}.chart .col.current i{background:linear-gradient(#4fd8cf,#16b8b2)}.chart .col small{color:#7b879b;font-size:.7rem}.ranking{display:grid;gap:4px}.ranking-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.ranking-row:last-child{border:0}.rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef3fb;color:#6b778b;font-weight:800;font-size:.76rem}.rank.first{background:#fff0bb;color:#9a6a00}.score{margin-left:auto;color:var(--green);font-weight:800}.empty-state{padding:45px 20px;text-align:center;border:1px dashed #cbd7e7;border-radius:14px;background:#fbfdff}.empty-state>span{font-size:2rem;color:var(--tide)}.empty-state h3{margin:8px 0 4px;font-family:Manrope}.empty-state p{margin:0 auto 15px;max-width:420px;color:var(--muted)}.toast{position:fixed;z-index:99;top:20px;right:20px;max-width:350px;padding:14px 17px;border-radius:12px;background:#153154;color:#fff;box-shadow:var(--shadow);transition:.3s}.toast-warning{background:#a56d10}.toast.error{background:#bc3c45}.login-page,.error-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 75% 15%,#e0f9f7,transparent 30%),radial-gradient(circle at 17% 83%,#e8e5ff,transparent 32%),#f9fbff}.login-card,.error-card{width:min(460px,100%);padding:40px;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 24px 62px rgba(42,72,120,.12)}.login-card .brand-mark,.error-card .brand-mark{margin-bottom:24px}.login-card h1,.error-card h1{margin:0;font-family:Manrope;font-size:2rem;letter-spacing:-.05em}.login-card p,.error-card p{color:var(--muted)}.login-card form{display:grid;gap:14px;margin-top:24px}.login-switch{display:block;margin-top:20px;color:var(--teal-deep);text-align:center;font-weight:700;font-size:.88rem}.profile-card{display:flex;align-items:center;gap:15px}.profile-card .avatar{width:58px;height:58px;font-size:1.2rem}.verification-result{padding:22px;border-radius:16px;background:#effbf5;border:1px solid #c9ebd8}.verification-result.invalid{background:#fff3f3;border-color:#ffd9d9}.print-only{display:none}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-preview{min-height:350px}.feature-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:220px 1fr}.panel-main{padding:28px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{width:min(100% - 32px,var(--shell))}.public-nav,.nav-login{display:none}.menu-trigger{display:block;margin-left:auto}.mobile-drawer{position:fixed;z-index:60;top:0;bottom:0;left:0;width:min(340px,90vw);padding:25px;background:#fff;box-shadow:24px 0 56px rgba(15,38,77,.17);transform:translateX(-105%);transition:transform .24s cubic-bezier(.23,1,.32,1)}.mobile-drawer.open{display:flex;flex-direction:column;gap:17px;transform:translateX(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-top button{border:0;background:#f1f5f9;border-radius:50%;width:34px;height:34px;font-size:1.25rem}.drawer-backdrop.open{display:block;position:fixed;z-index:55;inset:0;background:rgba(15,30,58,.28)}.hero{padding:54px 0 30px}.hero h1{font-size:clamp(2.75rem,13vw,4rem)}.hero-preview{min-height:240px}.metric-ribbon{grid-template-columns:repeat(2,1fr);margin-top:22px}.metric-ribbon article:nth-child(2){border-right:0}.metric-ribbon article:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-ribbon article{justify-content:start;padding:13px}.section{padding:49px 0}.section-heading{display:block}.split-section,.dashboard-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:16px}.feature-card h3{font-size:.9rem}.feature-card p{font-size:.78rem}.verify-form{flex-direction:column}.cta-band{display:block;padding:27px}.cta-band .button{margin-top:18px;width:100%}.footer-row{flex-wrap:wrap}.footer-row nav{width:100%;margin-left:0;justify-content:space-between}.app-shell{display:block}.sidebar,.panel-topbar{display:none}.mobile-panel-header{position:sticky;z-index:21;top:0;display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(15px)}.mobile-panel-header button{border:0;background:transparent;font-size:1.38rem}.mobile-panel-header b{font-family:Manrope;font-size:.95rem}.header-spacer{flex:1}.panel-main{padding:20px 16px 45px}.metric-grid{gap:10px}.stat-card{padding:14px;gap:10px}.metric-icon{width:38px;height:38px;font-size:1.05rem}.stat-card h3{font-size:1.22rem}.stat-card p{font-size:.72rem}.stat-card small{display:none}.donut-row{gap:13px}.donut{width:124px}.toolbar{display:block}.toolbar form{margin-top:12px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.actions .button{flex:1}.toast{right:16px;left:16px;max-width:none}.profile-card{align-items:flex-start}.print-only{display:none}}@media print{.sidebar,.mobile-panel-header,.panel-topbar,.no-print,.button,.toast{display:none!important}.app-shell{display:block}.panel-main{padding:0}.panel-card,.surface{box-shadow:none;border:0}.print-only{display:block}}