@font-face{font-family:Pretendard;src:url('assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#102f67;--navy-2:#173f7f;--ink:#172230;--muted:#687587;--line:#e3e7ec;--soft:#f5f6f7;--white:#fff;--green:#23845e;--shadow:0 16px 45px #17223012}*{box-sizing:border-box}html{background:#f7f8f9;color:var(--ink);font-family:Pretendard,'Apple SD Gothic Neo',sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.admin-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#101c2d;color:#d8e0eb;padding:28px 18px;display:flex;flex-direction:column;z-index:30}.admin-brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;padding:0 10px 28px;border-bottom:1px solid #ffffff18}.admin-brand img{width:142px;filter:brightness(0) invert(1)}.admin-brand span{font-size:11px;color:#99a8bc;border-left:1px solid #ffffff28;padding-left:12px}.sidebar nav{display:grid;gap:6px;margin-top:26px}.nav-item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#aeb9c8;padding:13px 14px;border-radius:9px;text-align:left;font-size:14px}.nav-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.nav-item b{font-size:10px;font-weight:500;color:#77869b}.nav-item.is-active{background:#fff;color:#132b4f}.nav-item.is-active b{color:#557093}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff18;padding:20px 10px 0;display:grid;gap:13px}.sidebar-foot a,.sidebar-foot button{color:#9faec2;background:0;border:0;text-decoration:none;font-size:12px;text-align:left;padding:0}.sidebar-foot a{display:flex;justify-content:space-between}.admin-main{margin-left:248px;min-height:100vh}.topbar{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 36px;gap:30px;font-size:12px;color:#637083}.status-dot{display:inline-block;width:7px;height:7px;background:#38a578;border-radius:50%;margin-right:8px}.top-user{display:flex;align-items:center;gap:10px;color:#273649}.top-user b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9edf3;color:#173f7f}.menu-toggle{display:none}.view{display:none;padding:42px clamp(28px,4vw,64px) 70px;max-width:1500px;margin:auto}.view.is-active{display:block}.page-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.page-title p{margin:0 0 8px;color:#758194;font-size:12px}.page-title h1{font-size:32px;letter-spacing:-.045em;margin:0;font-weight:620}.primary-button,.secondary-button{border:0;border-radius:9px;padding:12px 18px;min-height:44px;font-size:13px}.primary-button{background:var(--navy);color:#fff}.secondary-button{background:#eef1f4;color:#26384f}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.summary-grid article{background:white;border:1px solid var(--line);padding:22px;border-radius:12px}.summary-grid span{display:block;font-size:12px;color:var(--muted)}.summary-grid strong{display:block;font-size:30px;margin:18px 0 9px;letter-spacing:-.04em}.summary-grid small{font-size:11px;color:#7c8794}.summary-grid i{font-style:normal;margin-right:6px}.summary-grid .up{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:18px;margin-top:18px}.lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr)}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 1px 0 #fff}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.panel-head span{color:#778394;font-size:11px}.panel-head h2,.panel>h2{font-size:19px;margin:7px 0 0;letter-spacing:-.03em}.segmented{display:flex;background:#f0f2f4;padding:3px;border-radius:8px}.segmented button{border:0;background:transparent;color:#6d7886;padding:7px 10px;border-radius:6px;font-size:11px}.segmented button.is-active{background:white;color:#1a2e49;box-shadow:0 1px 4px #1d2d4212}.chart{height:210px;display:flex;align-items:end;gap:12px;padding:28px 5px 25px;border-bottom:1px solid var(--line)}.chart div{height:var(--v);flex:1;background:#dbe4f1;border-radius:5px 5px 0 0;position:relative;min-width:18px}.chart div:nth-last-child(-n+2){background:#31588d}.chart b{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);font-size:10px;color:#8893a0;font-weight:450}.traffic-total{display:flex;align-items:baseline;gap:10px;padding-top:20px}.traffic-total strong{font-size:25px}.traffic-total span{font-size:11px;color:var(--muted)}.action-panel>.panel-head{margin-bottom:10px}.action-panel>button{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;width:100%;padding:17px 0;border:0;border-bottom:1px solid var(--line);background:white;text-align:left}.action-panel>button>span{font-size:10px;color:#7890b0}.action-panel>button strong{display:block;font-size:13px}.action-panel>button small{display:block;color:#7a8695;font-size:10px;margin-top:5px}.action-panel>button>b{font-weight:400;color:#74839a}.text-button{border:0;background:0;color:#315b91;font-size:11px}.work-table a{display:grid;grid-template-columns:64px 1fr 42px 54px;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.work-table a:last-child{border-bottom:0}.work-table img{width:64px;height:48px;object-fit:cover;border-radius:5px}.work-table strong{font-size:12px;display:block}.work-table span,.work-table time{font-size:10px;color:#84909e}.work-table em{font-style:normal;font-size:9px;color:#287659;background:#e9f6f0;padding:5px 6px;border-radius:20px;text-align:center}.work-table em.draft{color:#726332;background:#f7f0db}.source-panel ul{padding:0;margin:22px 0 0;list-style:none}.source-panel li{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:18px;font-size:12px}.source-panel li b{font-size:11px}.source-panel li i{grid-column:1/3;height:5px;background:#edf0f3;border-radius:4px;overflow:hidden}.source-panel li i:after{content:"";display:block;width:var(--w);height:100%;background:#274e83}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.toolbar input{width:min(420px,45vw);border:1px solid #d9dfe6;border-radius:9px;padding:12px 14px;background:white}.chips{display:flex;gap:7px}.chips button{border:1px solid #dce1e7;background:white;border-radius:20px;padding:9px 14px;color:#667383;font-size:11px}.chips button.is-active{background:#162e50;color:white;border-color:#162e50}.content-list{display:grid;gap:10px}.content-card{display:grid;grid-template-columns:108px 1fr auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:11px}.content-card img{width:108px;height:75px;object-fit:cover;border-radius:6px}.content-card h3{font-size:15px;margin:0 0 7px}.content-card p{font-size:11px;color:#748092;margin:0}.content-card button{border:0;background:transparent;color:#5b6d84;padding:12px}.empty-state{background:white;border:1px solid var(--line);border-radius:14px;padding:70px 30px;text-align:center}.empty-state strong{font-size:20px}.empty-state p{color:var(--muted);font-size:13px}.analytics-note{margin-top:18px}.analytics-note p{font-size:13px;color:var(--muted);max-width:700px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-form .panel>h2{margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/3}label{display:grid;gap:8px;font-size:11px;color:#657284}input,select,textarea{width:100%;border:1px solid #d9dfe5;border-radius:8px;padding:12px 13px;background:white;color:#172230}textarea{resize:vertical}.check{display:flex;align-items:center;grid-template-columns:auto 1fr}.check input{width:17px;height:17px}.compose-backdrop{position:fixed;inset:0;background:#111b2b66;z-index:49}.compose{position:fixed;right:0;top:0;bottom:0;width:min(620px,100%);background:white;z-index:50;padding:28px 30px;box-shadow:-20px 0 60px #14223822;transform:translateX(105%);transition:transform .25s ease;overflow:auto}.compose.is-open{transform:none}.compose-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.compose-head span{font-size:10px;color:#738094}.compose-head h2{margin:5px 0 0;font-size:25px}.close-compose{border:0;background:#f0f2f4;width:38px;height:38px;border-radius:50%;font-size:23px}.compose form{display:grid;gap:20px}.compose fieldset{border:0;padding:0;margin:2px 0}.compose legend{font-size:11px;color:#657284;margin-bottom:8px}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upload-grid label{height:120px;border:1px dashed #bfc9d6;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fafbfc;cursor:pointer}.upload-grid input{display:none}.upload-grid span{font-size:13px;color:#273b56}.upload-grid small{font-size:10px;color:#8a95a2}.compose-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:8px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#152842;color:white;padding:12px 17px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:70}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.photo-fieldset legend{font-size:13px;font-weight:650;color:#273649;margin-bottom:5px}.field-help{margin:0 0 14px;color:#7a8695;font-size:11px;line-height:1.55}.photo-groups{display:grid;gap:12px}.photo-group{border:1px solid #dfe4ea;border-radius:11px;padding:14px;background:#fbfcfd}.photo-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.photo-group-head>div{display:flex;align-items:center;gap:8px}.photo-group-head strong{font-size:13px}.photo-count{font-size:10px;color:#718095;background:#edf1f5;padding:4px 7px;border-radius:20px}.photo-input{display:none}.add-photo-button{border:1px solid #cbd4df;background:#fff;color:#254a7a;border-radius:7px;min-height:38px;padding:8px 12px;font-size:11px}.photo-preview-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.photo-preview-list>p{grid-column:1/-1;margin:0;border:1px dashed #cad2dd;border-radius:8px;padding:17px 12px;color:#8994a1;font-size:10px;text-align:center}.photo-item{position:relative;aspect-ratio:4/3;border-radius:7px;overflow:hidden;background:#e9edf2}.photo-item img{width:100%;height:100%;object-fit:cover;display:block}.photo-item:first-child:after{content:'대표';position:absolute;left:5px;bottom:5px;background:#122b4f;color:#fff;border-radius:4px;padding:3px 5px;font-size:8px}.remove-photo{position:absolute;right:4px;top:4px;width:27px;height:27px;border:0;border-radius:50%;background:#101a29cc;color:#fff;font-size:16px;line-height:1}
@media(max-width:1050px){.sidebar{width:210px}.admin-main{margin-left:210px}.summary-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.settings-form{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:.2s;width:250px}.sidebar.is-open{transform:none}.admin-main{margin-left:0}.topbar{height:60px;padding:0 18px;justify-content:space-between}.menu-toggle{display:block;border:0;background:transparent;width:42px;height:42px}.menu-toggle span{display:block;width:20px;border-top:1px solid #213651;margin:6px auto}.topbar>div:nth-child(2){display:none}.view{padding:28px 18px 60px}.page-title{align-items:start;margin-bottom:25px}.page-title h1{font-size:27px}.page-title .primary-button{padding:10px 13px;white-space:nowrap}.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.summary-grid article{padding:17px 15px}.summary-grid strong{font-size:25px;margin:13px 0 7px}.panel{padding:20px 17px}.dashboard-grid{gap:12px}.chart{height:180px;gap:7px}.lower-grid{margin-top:12px}.work-table a{grid-template-columns:52px 1fr 48px}.work-table img{width:52px;height:45px}.work-table time{display:none}.source-panel{margin-bottom:20px}.toolbar{display:block}.toolbar input{width:100%;margin-bottom:12px}.chips{overflow:auto}.content-card{grid-template-columns:78px 1fr auto}.content-card img{width:78px;height:64px}.settings-form{gap:12px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.compose{padding:22px 18px}.upload-grid{grid-template-columns:1fr 1fr}.upload-grid label{height:95px}}
@media(max-width:760px){.photo-preview-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.sidebar,.compose,.toast{transition:none}}
