@import url("https://cdn.jsdelivr.net/npm/@tabler/core@1.4.0/dist/css/tabler.min.css");
:root { --tblr-primary: #206bc4; --primary: #206bc4; --danger: #d63939; --success: #2fb344; --surface: #fff; --background: #f4f6fa; } * { box-sizing: border-box; } body { margin: 0; font-family: Inter, "Pretendard", "Malgun Gothic", sans-serif; color: #182433; background: var(--background); } .container { max-width: 1280px; margin: 32px auto; padding: 0 24px; } .app-header { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 32px; color: #fff; background: #182433; box-shadow: 0 1px 2px rgba(24,36,51,.18); } .app-header strong { font-size: 17px; letter-spacing: -.02em; white-space: nowrap; } .app-header nav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; } .app-header a { color: rgba(255,255,255,.82)!important; text-decoration: none; font-size: 14px; } .app-header a:hover { color: #fff!important; } button { border-radius: 6px; cursor: pointer; } .app-header button { padding: 7px 12px; background: #fff; color: #182433; font-size: 13px; } .card { border: 1px solid #e6e7e9; box-shadow: 0 1px 2px rgba(24,36,51,.04); } .table > :not(caption) > * > * { padding: .8rem .75rem; } .form-control, .form-select { min-height: 38px; } .login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 12% 8%,#deedff 0,transparent 32%),radial-gradient(circle at 90% 90%,#edf4ff 0,transparent 30%),#f5f7fb; } .login-card { width:min(440px,100%); padding:40px; border:1px solid #e6e7e9; border-radius:14px; background:var(--surface); box-shadow:0 18px 42px rgba(24,36,51,.12); } .login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#206bc4;color:#fff;font-size:22px}.login-brand h1{margin:0;font-size:19px;font-weight:700}.login-brand p{margin:2px 0 0;color:#6c7a89;font-size:12px}.login-heading h2{font-size:24px;margin:0 0 6px}.login-heading p{margin:0 0 24px;color:#6c7a89}.login-submit{height:42px;font-weight:600}.login-note{text-align:center;margin:24px 0 0;color:#8a99a8;font-size:12px}.alert { border-radius:6px; } .error { color:#b42318;background:#fff1f0; } .success { color:#157347;background:#ecfdf3; } @media (max-width: 768px) { .container { margin: 20px auto; padding: 0 16px; } .app-header { padding: 12px 16px; align-items: flex-start; flex-direction: column; } .login-card{padding:28px} }