:root{--ink:#17212b;--muted:#697586;--line:#e6eaf0;--bg:#f4f6f8;--brand:#1687f8;--brand-dark:#0876dd;--nav:#08ad67;--ok:#079455;--danger:#d92d20;--shadow:0 8px 24px rgba(31,45,61,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;line-height:1.5}header{min-height:70px;background:linear-gradient(120deg,#00ad63,#0bb777);color:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1180px)/2));gap:34px;box-shadow:0 2px 10px rgba(0,120,72,.16)}header a{color:rgba(255,255,255,.88);text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:850;color:#fff;letter-spacing:-.02em}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:var(--nav);font-size:18px;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.1)}nav{display:flex;gap:8px;flex:1}nav a{padding:9px 10px;border-radius:9px;font-size:14px;font-weight:650;white-space:nowrap}nav a:hover{background:rgba(255,255,255,.15);color:#fff}.logout{display:flex;align-items:center;gap:12px;font-size:14px}.link{padding:7px 9px;background:rgba(255,255,255,.13);color:#fff}.container{max-width:1180px;margin:34px auto;padding:0 20px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hero-head{padding:28px 30px;border-radius:22px;background:linear-gradient(125deg,#eef8ff,#f2fff8);border:1px solid #dceef2}.eyebrow{display:block;margin-bottom:5px;color:var(--brand);font-size:11px;font-weight:850;letter-spacing:.12em}h1{margin:0 0 6px;font-size:30px;letter-spacing:-.03em}h2{margin-top:0;font-size:20px;letter-spacing:-.02em}.muted{color:var(--muted)}.card,.auth-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.auth-card{max-width:400px;margin:12vh auto;text-align:center;padding:34px}.auth-card form{text-align:left}.login-brand{display:flex;justify-content:center;margin-bottom:14px}.login-brand .brand-mark{width:48px;height:48px;font-size:24px;background:var(--nav);color:#fff}.form-card{max-width:800px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;flex-direction:column;box-shadow:0 5px 18px rgba(31,45,61,.05)}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand)}.stat:nth-child(2):before{background:#12b76a}.stat:nth-child(3):before{background:#f79009}.stat:nth-child(4):before{background:#8b5cf6}.stat b{font-size:30px;letter-spacing:-.03em}.stat span{color:var(--muted)}.two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}label{display:block;font-weight:650;margin:14px 0}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d5dbe3;border-radius:10px;font:inherit;background:#fff;transition:.15s}input:focus,select:focus,textarea:focus{outline:3px solid #1687f81c;border-color:var(--brand)}textarea{resize:vertical}button,.button{display:inline-block;border:0;border-radius:10px;background:var(--brand);color:#fff;padding:11px 17px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 3px 9px rgba(22,135,248,.18);transition:.15s}button:hover,.button:hover{background:var(--brand-dark);transform:translateY(-1px)}button:disabled{opacity:.55}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid #edf0f4;font-size:14px}th{color:var(--muted);font-size:12px;letter-spacing:.02em;background:#fafbfc}tbody tr:hover{background:#f9fbfd}.table-wrap{overflow:auto}.badge{display:inline-block;padding:4px 9px;border-radius:99px;background:#eef2f6;font-size:12px;font-weight:700}.badge.sent,.badge.approved{background:#dcfae6;color:var(--ok)}.badge.draft{background:#fff3e8;color:#b54708}.flash{padding:13px 16px;border:1px solid var(--line);border-radius:11px;margin-bottom:16px;background:#fff;box-shadow:0 3px 12px rgba(31,45,61,.04)}.flash.success{background:#ecfdf3;border-color:#abefc6;color:var(--ok)}.flash.error,.error-text{background:#fef3f2;color:var(--danger)}progress{width:100%;height:16px;margin-top:16px}.brief{white-space:pre-wrap;font:inherit;line-height:1.65}dl{display:grid;grid-template-columns:90px 1fr;gap:12px}dt{color:var(--muted)}dd{margin:0;word-break:break-all}@media(max-width:900px){header{padding:14px 18px;flex-wrap:wrap;gap:12px}nav{order:3;width:100%;overflow:auto}.logout{margin-left:auto}.container{margin-top:22px}.hero-head{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.two-col,.three{grid-template-columns:1fr}}@media(max-width:520px){.container{padding:0 13px}.page-head{align-items:flex-start;gap:14px}.hero-head{display:block}.hero-head .button{margin-top:14px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat b{font-size:25px}.brand{font-size:18px}}