:root{--navy:#0d1b2a;--navy-2:#15283d;--blue:#1c4b73;--gold:#b28a52;--gold-soft:#eee4d4;--bg:#f4f3f0;--line:#ddd9d1;--muted:#69717d;--green:#247358;--red:#b54444}*{letter-spacing:-.01em}body{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;background:var(--bg);color:#17212d}button,.button,input,select,textarea{font-family:inherit}button,.button{border-radius:8px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}button:hover,.button:hover{border-color:#aaa39a;box-shadow:0 3px 12px #1d29391a}.primary{background:var(--navy);border-color:var(--navy);font-weight:700}.primary:hover{background:#172d43;border-color:#172d43}.brand{color:#c9a36e;font-weight:800;letter-spacing:2.4px}header{height:86px;padding:0 max(28px,4.5vw);background:linear-gradient(115deg,#091522,#142c43);border-bottom:1px solid #ffffff18}header h1{font-size:19px;font-weight:650;letter-spacing:-.02em}header>div:last-child{display:flex;gap:8px;align-items:center}.ghost{border-color:#ffffff32!important}.ghost:hover{background:#ffffff10;border-color:#ffffff60!important}nav{padding:11px max(28px,4.5vw);border-bottom:1px solid #dcd8d0;box-shadow:0 2px 10px #22304408}nav button{padding:9px 13px;border-radius:7px}nav button.active{background:var(--navy);color:#fff}main{max-width:1380px;padding:34px 28px 60px}.metrics{gap:14px}.metrics article,.card,.student-card,.record-card,.table-wrap,.report-paper{border-color:#e0dcd5;box-shadow:0 5px 18px #2634450a}.metrics article{position:relative;overflow:hidden;padding:23px 24px}.metrics article:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),#d3b98e)}.metrics strong{font-size:28px;font-weight:760}.section-title{margin-top:34px}.section-title h2{font-size:21px;font-weight:720}.student-card,.record-card{border-radius:11px}.student-card:hover,.record-card:hover{border-color:#c7bcae;box-shadow:0 10px 28px #26344512}.badge{border-radius:5px;font-weight:650}.progress{background:#e5e2dc}.progress i{background:linear-gradient(90deg,#244e70,#b28a52)}th{background:#f5f3ef;color:#55606e;font-weight:700}th,td{padding:15px 16px}.table-wrap{border-radius:11px}.form-grid,.dialog-form{gap:16px}.form-grid label,.dialog-form label,.filters label{font-weight:650;color:#4b5663}input,select,textarea{border-color:#d7d2ca;border-radius:7px;outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#99764a;box-shadow:0 0 0 3px #b28a521c}.login-page,.student-login{background:linear-gradient(135deg,#08131e 0%,#142b40 70%,#223d54 100%)}.login-card,.student-login form{border:1px solid #ffffff24;box-shadow:0 32px 90px #0006;padding:34px;border-radius:14px}.login-card h1,.student-login h1{font-size:28px}.login-card .brand:after,.student-login .brand:after{content:"";display:block;width:38px;height:2px;background:var(--gold);margin-top:13px}dialog{border-radius:12px;border:1px solid #d8d2c9;padding:28px}.dialog-form .section-title{border-bottom:1px solid #e9e5de;padding-bottom:15px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-fields label{display:grid;gap:7px}.monitor-card{border-radius:10px;box-shadow:0 5px 18px #2634450a}.monitor-card:hover{border-color:#b28a52}.focus-meter i{background:linear-gradient(90deg,#b38a4f,#247358)}.report-head{border-bottom-color:var(--navy)}.report-summary div{background:#f2f0ec;border:1px solid #e5e0d8}.subject-bar i{background:linear-gradient(90deg,#183d5d,#b28a52)}.coaching-box{background:#f5f0e8;border-color:#dbc7aa}.student-header{background:linear-gradient(110deg,#091522,#17324b)}.student-body{background:#f4f3f0}.student-main{max-width:1180px}.hero-card{background:linear-gradient(125deg,#102539,#1b3f5d 70%,#896a42);border-radius:16px;box-shadow:0 16px 40px #11283c26}.eyebrow{color:#d8bd96}.goal-ring{border-color:#ffffff2f;border-top-color:#d9b77f}.timer-panel,.student-layout>.card{border-radius:12px}.timer-button{background:#163c5a;border-color:#163c5a}.subject-tag{display:inline-flex;align-items:center;min-width:38px;justify-content:center;padding:4px 7px;border-radius:5px;background:#e9edf1;color:#29425b;font-size:11px;font-weight:800;margin-right:8px}.subject-국어{background:#eee6dc;color:#73542e}.subject-수학{background:#e4ebf2;color:#234e73}.subject-영어{background:#e3eee9;color:#246147}.subject-탐구{background:#ece6f0;color:#634574}.plan-heading{display:flex;align-items:center}.student-list article{padding:15px 0}.site-links a{border-radius:8px;background:#f6f4f0;border-color:#ddd6cc;color:#183d5d}.pad-body{background:radial-gradient(circle at 50% -20%,#284966,#0a1724 65%)}.pad{background:#102237;border:1px solid #ffffff18;border-radius:18px;box-shadow:0 30px 90px #0007;padding:34px;margin:18px}.mode{background:#ffffff0d;border:1px solid #ffffff15}.mode button.active{background:#f6f3ed}.pad #pin{background:#f8f7f4;border:1px solid #d8d2c8;border-radius:9px}.keypad button{background:#f4f2ed!important;border-color:#d4cfc6!important;border-radius:9px;font-weight:750;box-shadow:0 2px 0 #aaa39a}.keypad button:active{transform:translateY(2px);box-shadow:none}.pad .submit{background:#b28a52;border-color:#b28a52;color:#fff}@media(max-width:720px){header{height:auto;min-height:78px;padding:14px 18px;gap:12px}header>div:last-child{flex-wrap:wrap;justify-content:flex-end}header .button,header button{padding:7px 9px;font-size:12px}main{padding:24px 14px 50px}.time-fields{grid-template-columns:1fr}.pad{margin:0;border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}}