.auth-page{min-height:100vh;background:linear-gradient(135deg,#031d33,#0d4267);display:grid;place-items:center;padding:28px}.auth-shell{width:min(460px,100%)}.auth-brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;margin-bottom:30px}.auth-brand b{display:block;font:700 22px 'Playfair Display',serif}.auth-brand small{display:block;color:#b9c7d1;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.auth-card{background:#fffdf8;border-radius:20px;padding:42px;box-shadow:0 30px 80px #031d3366}.auth-card h1{font:700 40px/1.1 'Playfair Display',serif;color:#082b49;margin:0 0 12px}.auth-subtitle{color:#66707d;margin-bottom:30px}.auth-card form label{display:block;color:#536170;font-size:13px;font-weight:600;margin:16px 0}.auth-card input[type=text],.auth-card input[type=password]{display:block;width:100%;padding:14px 15px;border:1px solid #ded7c9;border-radius:9px;margin-top:7px;font:inherit}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.auth-row a{color:#926923}.auth-card button{width:100%;border:0;margin-top:20px;cursor:pointer}.check{font-weight:400!important}.check input{accent-color:#bc8d3f}.auth-foot{color:#b9c7d1;text-align:center;font-size:12px}.auth-foot a{color:#e4c98e}.dashboard-page{display:flex;background:#f7f3ea;min-height:100vh}.dash-sidebar{width:250px;background:#031d33;color:#fff;padding:30px 20px;display:flex;flex-direction:column}.dash-sidebar .auth-brand{margin-bottom:50px}.dash-sidebar nav a{display:block;padding:14px 15px;color:#aab9c5;text-decoration:none;border-radius:8px;margin:5px 0;font-size:14px}.dash-sidebar nav a.active,.dash-sidebar nav a:hover{background:#164666;color:#fff}.dash-logout{margin-top:auto;color:#e4c98e;text-decoration:none;padding:15px}.dash-main{padding:45px 5%;width:100%}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top h1{font:700 38px 'Playfair Display',serif;color:#082b49;margin:0 0 30px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dash-stats article,.dash-panel{background:#fffdf8;border:1px solid #e5ded1;border-radius:14px;padding:24px}.dash-stats span,.dash-stats small{display:block;color:#78818b;font-size:12px}.dash-stats strong{display:block;font:700 32px 'Playfair Display',serif;color:#082b49;margin:10px 0}.dash-stats small{color:#4f9168}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:22px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2,.quick h2{font:700 26px 'Playfair Display',serif;color:#082b49;margin:0 0 18px}.panel-head a,.quick a{color:#926923;text-decoration:none;font-size:13px}.activity{display:flex;align-items:center;gap:14px;border-top:1px solid #eee7dc;padding:16px 0}.activity-thumb{width:58px;height:48px;border-radius:7px;background-size:cover}.news-one{background-image:url('assets/news-olimpiade.png')}.news-two{background-image:url('assets/news-leadership.png')}.news-three{background-image:url('assets/news-pameran.png')}.activity b,.activity span{display:block}.activity b{color:#193754;font-size:13px}.activity span{color:#8c939b;font-size:11px}.activity i{margin-left:auto;color:#a9afb4}.quick a{display:block;border-top:1px solid #eee7dc;padding:15px 0}@media(max-width:800px){.dash-sidebar{width:74px;padding:20px 8px}.dash-sidebar .auth-brand span:last-child,.dash-sidebar nav a{font-size:0}.dash-sidebar nav a{text-align:center}.dash-main{padding:28px 16px}.dash-stats{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.dash-top .btn{font-size:0;padding:14px}.dash-top h1{font-size:28px}}

.auth-card input[type=email]{display:block;width:100%;padding:14px 15px;border:1px solid #ded7c9;border-radius:9px;margin-top:7px;font:inherit;background:#fff}.auth-card input:focus{outline:3px solid rgba(188,141,63,.18);border-color:#bc8d3f}.auth-page .brand-mark{flex:none;display:grid;place-items:center;width:48px;height:56px;border:1px solid #e4c98e;color:#e4c98e;background:transparent;clip-path:polygon(50% 0,100% 17%,92% 80%,50% 100%,8% 80%,0 17%)}.auth-card{width:min(520px,100%)}