@font-face{font-family:Pretendard;src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--purple:#6c47ff;--ink:#1d2030;--muted:#7d8493;--line:#e7e9f0;--page:#f6f7fb}
*{box-sizing:border-box}.container{min-height:100vh;background:var(--page);color:var(--ink);font-family:Pretendard,"Noto Sans KR",sans-serif}.list-header{height:68px;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.list-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:18px}.list-brand__mark{width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,#8060ff,#5832ec);box-shadow:0 4px 12px #6c47ff40;position:relative}.list-brand__mark:after{content:"";position:absolute;inset:6px;border:2px solid #fff;border-radius:3px}.list-nav{height:100%;display:flex;align-items:center}.list-nav a{height:100%;padding:0 20px;display:flex;align-items:center;color:#686e7c;font-weight:600;position:relative}.list-nav a.is-active{color:var(--purple)}.list-nav a.is-active:after{content:"";height:3px;background:var(--purple);position:absolute;left:20px;right:20px;bottom:0;border-radius:3px 3px 0 0}.create-top,.create-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--purple);font-weight:600;border-radius:8px}.create-top{justify-self:end;height:38px;padding:0 15px;font-size:14px}.create-top svg,.create-btn svg{width:18px}.list-main{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:52px 0 80px}.list-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.eyebrow{margin:0 0 7px!important;color:var(--purple)!important;font-size:12px!important;font-weight:700;letter-spacing:.12em!important}.list-hero h1{font-size:32px;line-height:1.2;margin:0 0 10px}.list-hero p{color:var(--muted);font-size:15px;margin:0}.create-btn{height:46px;padding:0 20px;box-shadow:0 7px 20px #6c47ff30}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.summary-grid article{display:flex;align-items:center;gap:14px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:12px}.summary-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.summary-icon svg{width:20px}.summary-icon.is-purple{color:#6c47ff;background:#f0ecff}.summary-icon.is-green{color:#19a36a;background:#e8f8f1}.summary-icon.is-blue{color:#3185df;background:#eaf4ff}.summary-icon.is-gray{color:#72798a;background:#f0f1f4}.summary-grid article div{display:flex;flex-direction:column}.summary-grid strong{font-size:23px;line-height:1.1}.summary-grid article div span{margin-top:4px;color:var(--muted);font-size:13px}.document-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{min-height:70px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;align-items:center;gap:5px}.filter-tabs button{height:36px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#777e8d;font-size:14px;font-weight:600}.filter-tabs button.is-active{background:#f0ecff;color:var(--purple)}.filter-tabs span{margin-left:4px}.search-box{width:230px;height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfc}.search-box:focus-within{border-color:#a996ff;box-shadow:0 0 0 3px #6c47ff16}.search-box svg{width:17px;color:#9096a3}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:14px}.document-row{min-height:142px;padding:20px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:22px;border-bottom:1px solid #eff0f4}.document-row:last-child{border-bottom:0}.document-row:hover{background:#fbfaff}.document-thumb{width:150px;height:100px;border-radius:9px;background-size:cover;background-position:center}.document-thumb.is-empty{display:grid;place-items:center;color:#8060ff;background:linear-gradient(135deg,#efeaff,#f8f5ff)}.document-thumb svg{width:31px;height:31px}.document-info{min-width:0}.document-title-line{display:flex;align-items:center;gap:9px}.document-title-line h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.status{flex:none;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600}.status--active{color:#13885a;background:#e7f8f0}.status--scheduled{color:#2877c8;background:#e8f3ff}.status--draft{color:#8a6c18;background:#fff6d9}.status--ended{color:#747b88;background:#eef0f3}.document-info>p{margin:9px 0 16px;color:var(--muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{display:flex;gap:18px;color:#959ba7;font-size:12px}.document-meta span{display:flex;align-items:center;gap:5px}.document-meta svg{width:14px}.document-actions{display:flex;align-items:center;gap:8px}.document-actions a{height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;color:#636a78}.document-actions a:first-child{width:38px}.document-actions svg{width:17px}.document-actions .edit-link{padding:0 16px;color:var(--purple);border-color:#d9d0ff;background:#faf8ff;font-size:13px;font-weight:600}.empty-state{padding:75px 20px;text-align:center}.empty-state>span{width:58px;height:58px;margin:0 auto 17px;display:grid;place-items:center;border-radius:17px;background:#f0ecff;color:var(--purple)}.empty-state svg{width:27px}.empty-state h2{margin:0 0 8px;font-size:18px}.empty-state p{margin:0 0 22px;color:var(--muted);font-size:14px}.empty-state a{display:inline-flex;padding:10px 16px;border-radius:7px;background:var(--purple);color:#fff;font-size:14px;font-weight:600}
.document-row[hidden]{display:none}
.filter-tabs button{cursor:pointer}
@media(max-width:800px){.list-header{padding:0 18px;grid-template-columns:1fr auto}.list-nav{display:none}.list-main{width:min(100% - 28px,1160px);padding-top:32px}.summary-grid{grid-template-columns:repeat(2,1fr)}.panel-head{align-items:stretch;flex-direction:column}.filter-tabs{overflow:auto}.search-box{width:100%}.document-row{grid-template-columns:92px minmax(0,1fr);gap:14px}.document-thumb{width:92px;height:76px}.document-actions{grid-column:2}.list-hero{align-items:flex-start}.list-hero h1{font-size:27px}.create-btn{height:42px;padding:0 13px}.create-btn{font-size:0}.create-btn svg{margin:0}}
@media(max-width:480px){.list-brand strong{font-size:16px}.summary-grid article{padding:15px}.summary-icon{width:36px;height:36px}.document-row{grid-template-columns:1fr}.document-thumb{display:none!important}.document-actions{grid-column:1}.document-meta{flex-direction:column;gap:5px}}