:root{font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;--navy:#172b4d;--blue:#2457d6;--blue2:#1e49b6;--line:#dfe4ec;--muted:#657084;--danger:#c83947;--green:#16794c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{transition:.15s ease}a{color:inherit;text-decoration:none}.app-header{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1440px)/2));gap:42px;box-shadow:0 2px 12px #10203e2b}.brand{font-weight:800;font-size:21px;letter-spacing:-.02em}.brand span{background:#fff;color:var(--navy);padding:4px 6px;border-radius:5px;margin-right:4px}.app-header nav{display:flex;height:100%;align-items:center;gap:8px}.app-header nav a{padding:11px 14px;border-radius:8px;color:#cbd4e4;font-weight:650;font-size:14px}.app-header nav a.router-link-active,.app-header nav a:hover{color:#fff;background:#ffffff14}.account{margin-left:auto;display:flex;align-items:center;gap:14px;color:#dce3ef;font-size:13px}.page{max-width:1120px;margin:0 auto;padding:46px 28px 70px}.page.wide{max-width:1500px}.form-page{max-width:1200px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.page-heading h1{margin:4px 0 7px;font-size:32px;letter-spacing:-.04em}.page-heading p{margin:0;color:var(--muted)}.eyebrow{font-size:11px!important;font-weight:800!important;letter-spacing:.13em!important;color:var(--blue)!important;margin:0!important}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px #1a294d0a}.button{border:1px solid transparent;border-radius:9px;padding:10px 16px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:7px}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--blue);color:#fff}.button.primary:hover:not(:disabled){background:var(--blue2)}.button.secondary{background:#fff;border-color:#cfd6e2;color:#2a3548}.button.secondary:hover:not(:disabled){background:#f5f7fb}.button.ghost{background:transparent;border-color:#ffffff38;color:#fff}.button.small{padding:7px 11px;font-size:12px}.button.full{width:100%}.alert{border-radius:9px;padding:12px 15px;font-size:14px;margin:0 0 18px}.alert.error{background:#fff0f1;border:1px solid #f1c7cc;color:#9e2532}.toast{position:fixed;top:82px;right:24px;background:#172b4d;color:#fff;padding:12px 18px;border-radius:9px;box-shadow:0 8px 25px #14213d42;z-index:30;font-size:14px}.toolbar{padding:16px;display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(4,minmax(125px,.7fr));gap:12px;margin-bottom:16px}.toolbar label,.form-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#344056}.toolbar label>span{font-size:11px;color:#687387}.toolbar input,.toolbar select,.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #cfd6e2;border-radius:8px;background:#fff;color:#172033;padding:10px 11px;outline:none}.toolbar input:focus,.toolbar select:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2457d617}.form-card input:disabled{background:#f1f3f7;color:#697386}.table-card{overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1120px}th{background:#f8f9fb;color:#667185;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;border-bottom:1px solid var(--line)}td{padding:15px 14px;border-bottom:1px solid #edf0f4;vertical-align:top;font-size:13px;color:#364155}tbody tr:hover{background:#fbfcfe}td small{display:block;color:#7a8495;margin-top:5px}.link-cell{min-width:285px;max-width:370px}.link-cell>strong{display:block;color:#172033;font-size:14px;margin-bottom:7px}.copy-url{border:0;background:none;padding:0;color:var(--blue);cursor:pointer;display:block;text-align:left}.copy-url span{font-family:inherit;font-size:10px;background:#eaf0ff;padding:2px 5px;border-radius:4px}.target{display:block;color:#788294;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;font-size:12px}.mono{font-family:SFMono-Regular,Consolas,monospace}.status{display:inline-block;border-radius:99px;padding:4px 8px;font-weight:750;font-size:11px}.status.active{background:#e5f6ee;color:var(--green)}.status.inactive{background:#edf0f4;color:#667185}.metric{font-size:18px;color:#172033}.actions{display:flex;gap:9px;flex-wrap:wrap;min-width:150px}.text-button{border:0;background:none;padding:0;color:var(--blue);font-weight:700;font-size:12px;cursor:pointer}.text-button.danger{color:var(--danger)}.text-button:disabled{opacity:.45}.loading,.empty-state{padding:55px;text-align:center;color:var(--muted)}.empty-state h2{color:#283348;font-size:18px}.load-more{padding:16px;text-align:center}.login-page{min-height:100vh;background:linear-gradient(135deg,#101f39,#1e3e75 54%,#2457d6);display:grid;place-items:center;padding:24px}.login-panel{width:min(430px,100%);background:#fff;padding:42px;border-radius:18px;box-shadow:0 24px 70px #0611245c}.login-panel h1{font-size:38px;margin:7px 0 6px;letter-spacing:-.05em}.lede{color:var(--muted);margin:0 0 26px}.login-panel form{display:flex;flex-direction:column;gap:17px}.login-panel label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px}.login-panel input{padding:11px 12px;border:1px solid #cfd6e2;border-radius:8px}.divider{display:flex;align-items:center;gap:10px;color:#8a93a3;font-size:11px;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;background:#e3e7ed;flex:1}.help{font-size:11px!important;color:#7a8495!important;font-weight:400!important;line-height:1.55}.center{text-align:center}.form-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:18px;align-items:start}.form-main,.form-aside{display:flex;flex-direction:column;gap:18px}.form-card{padding:25px;display:flex;flex-direction:column;gap:20px}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:3px}.section-heading>span{width:26px;height:26px;border-radius:7px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.section-heading h2{font-size:17px;margin:1px 0 3px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.form-card label em{font-style:normal;color:var(--danger);font-size:10px}.form-card label>span{font-size:11px;color:#8992a0}.form-card label small{color:#7b8595;font-weight:400;line-height:1.45}.input-action{display:flex;gap:8px}.input-action .button{flex:none}.preview-box{background:#f2f6ff;border:1px solid #dce6fb;border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:5px}.preview-box span{font-size:10px;color:#687991;font-weight:700;text-transform:uppercase}.preview-box strong{color:var(--blue);font-size:13px;word-break:break-all}.switch-row{flex-direction:row!important;justify-content:space-between;align-items:center}.switch-row>span{display:flex;flex-direction:column;gap:3px;font-size:13px!important;color:#344056!important}.switch-row input{appearance:none;width:42px!important;height:24px;border-radius:99px;padding:0;background:#c9d0dc;position:relative;cursor:pointer}.switch-row input:after{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.2s}.switch-row input:checked{background:var(--blue)}.switch-row input:checked:after{transform:translate(18px)}.utm-card{border-top:3px solid #2457d6}.utm-guide{display:flex;flex-wrap:wrap;gap:7px;background:#f7f9fd;border:1px solid #e1e7f0;border-radius:9px;padding:12px;font-size:11px;color:#59667b}.utm-guide strong{width:100%;font-size:12px;color:#25334a}.utm-guide span{background:#fff;border:1px solid #dfe5ee;border-radius:99px;padding:5px 8px}.utm-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.utm-advanced{border:1px solid #dfe4ec;border-radius:9px;padding:12px}.utm-advanced summary{cursor:pointer;font-size:12px;font-weight:750;color:#344056}.utm-advanced summary span{font-size:10px;color:#8992a0;margin-left:5px}.utm-advanced[open] summary{margin-bottom:14px}.utm-notice{margin:-6px 0;color:var(--green);font-size:12px;font-weight:650}.tracked-preview{background:#f5fbf8;border-color:#d6eee2}.tracked-preview strong{color:#16794c}.tracked-preview small{color:#667185;font-size:11px;line-height:1.45}.submit{padding:13px}.stats-card{margin-top:18px;padding:25px}.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 0}.summary-metrics>div{background:#f7f8fb;border-radius:9px;padding:15px}.summary-metrics span{font-size:11px;color:#6d7789;display:block;margin-bottom:6px}.summary-metrics strong{font-size:20px}.daily-chart{border-top:1px solid var(--line);padding-top:18px;max-height:420px;overflow:auto}.bar-row{display:grid;grid-template-columns:90px 1fr 46px 55px;gap:10px;align-items:center;font-size:11px;margin:8px 0}.bar-track{height:9px;background:#edf1f7;border-radius:9px;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--blue);border-radius:9px}.bar-row small{color:#8992a0}.empty-inline{color:var(--muted);font-size:13px}.metadata{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin:20px 0 0}.metadata dt{font-size:10px;color:#7c8697;margin-bottom:5px}.metadata dd{margin:0;font-size:12px;word-break:break-all}.modal-backdrop{position:fixed;inset:0;background:#10182899;z-index:50;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:16px;width:min(450px,100%);padding:25px;box-shadow:0 24px 70px #0004}.modal-head{display:flex;justify-content:space-between}.modal-head h2{font-size:20px;margin:5px 0}.icon-button{border:0;background:#f1f3f7;width:32px;height:32px;border-radius:8px;font-size:24px;cursor:pointer}.url-preview{font-size:12px;color:var(--blue);word-break:break-all;background:#f5f7fb;padding:9px;border-radius:7px}.qr-image{display:block;width:min(320px,100%);margin:14px auto}.qr-loading{height:300px;display:grid;place-items:center;color:var(--muted)}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.empty-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:45px;text-align:center;max-width:500px}.empty-card h1{margin:8px 0}.empty-card p{color:var(--muted);margin-bottom:24px}@media(max-width:950px){.toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.app-header{padding:0 18px}.account span{display:none}.page{padding:32px 18px}.metadata,.summary-metrics{grid-template-columns:1fr}}@media(max-width:620px){.app-header{gap:12px}.app-header nav a{padding:9px 7px;font-size:12px}.brand{font-size:0}.brand span{font-size:16px}.toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.page-heading{flex-direction:column}.page-heading .button{width:100%}.login-panel{padding:30px 23px}.summary-metrics{grid-template-columns:1fr}.form-card,.stats-card{padding:19px}.input-action{align-items:stretch;flex-direction:column}.utm-field-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:78px 1fr 32px}.bar-row small{display:none}}.copy-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.copy-url{display:inline-flex;align-items:center;gap:5px}.copy-bare{border:1px solid #d7deea;background:#fff;color:#667185;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:700;cursor:pointer}.copy-bare:hover{border-color:#9eabc0;background:#f7f9fc}:root{font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif}body{font-size:16px}.toolbar label,.form-card label{font-size:14px}th{font-size:12px}td{font-size:14px}.link-cell{min-width:330px;max-width:440px}.copy-row{gap:8px;row-gap:7px}.copy-url{font-size:14px;line-height:1.4}.copy-url span,.copy-bare{font-size:12px;line-height:1.25;padding:4px 8px;white-space:nowrap}.copy-url span,.copy-bare{border-radius:6px}.target{font-size:13px}.status,.bar-row{font-size:12px}.text-button{font-size:13px}.form-card label small,.tracked-preview small{font-size:12px}.copy-url span,.copy-bare{font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.3;padding:5px 9px}.summary-metrics{grid-template-columns:repeat(5,1fr)}.summary-metrics .metric-date{font-size:14px;line-height:1.45}.click-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.click-detail-heading h3{font-size:17px;margin:0 0 4px}.click-detail-heading p{font-size:12px;color:var(--muted);margin:0}.detail-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(130px,.5fr) minmax(130px,.5fr);gap:10px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:12px;margin:16px 0}.detail-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#536075}.detail-toolbar input,.detail-toolbar select{width:100%;border:1px solid #cfd6e2;border-radius:7px;background:#fff;padding:8px 10px;outline:none}.detail-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.detail-table{min-width:1120px}.detail-table th{white-space:nowrap}.detail-table td{padding:13px 12px}.detail-table td small{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-table .click-time{min-width:175px;white-space:nowrap}.visitor-code{color:var(--blue);font-size:13px}.detail-empty{background:#f7f9fc;border:1px dashed #ccd5e2;border-radius:10px;color:var(--muted);font-size:13px;text-align:center;padding:24px;margin:16px 0 0}@media(max-width:950px){.summary-metrics{grid-template-columns:repeat(2,1fr)}.detail-toolbar{grid-template-columns:1fr 1fr}.detail-toolbar label:first-child{grid-column:1/-1}}@media(max-width:620px){.summary-metrics{grid-template-columns:1fr}.click-detail-heading{align-items:stretch;flex-direction:column}.click-detail-heading .button{width:100%}.detail-toolbar{grid-template-columns:1fr}.detail-toolbar label:first-child{grid-column:auto}}.link-row{cursor:pointer}.link-row:focus{outline:3px solid #2457d62b;outline-offset:-3px;background:#f7f9ff}.link-title{display:block;color:#172033;font-size:15px;font-weight:800;margin-bottom:7px}.link-title span{color:var(--blue);font-size:11px;font-weight:700;margin-left:5px;opacity:0;transition:.15s ease}.link-row:hover .link-title span,.link-row:focus .link-title span{opacity:1}.analytics-page{display:flex;flex-direction:column;gap:18px}.analytics-hero{padding:26px}.analytics-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.analytics-title-row{display:flex;align-items:center;gap:11px;margin:5px 0 7px}.analytics-title-row h1{font-size:30px;letter-spacing:-.04em;margin:0}.analytics-heading p{margin:0;color:var(--muted)}.analytics-actions{display:flex;gap:8px}.analytics-url{display:flex;align-items:center;gap:8px;background:#f6f8fc;border:1px solid #e2e7ef;border-radius:10px;padding:12px;margin-top:21px}.analytics-url>div{display:flex;flex-direction:column;gap:4px;min-width:0;margin-right:auto}.analytics-url span{font-size:11px;color:#758095;font-weight:700}.analytics-url strong{color:var(--blue);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-summary{margin:0}.analytics-summary>div{background:#fff;border:1px solid var(--line);box-shadow:0 5px 20px #1a294d0a;padding:18px}.analytics-summary>div>small{display:block;color:#8992a0;font-size:11px;margin-top:7px}.analytics-chart-card,.analytics-detail-card{margin-top:0}.analytics-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.analytics-section-head h2,.breakdown-card h2,.analytics-detail-card h2{font-size:18px;margin:0 0 5px}.analytics-section-head p,.breakdown-card p{font-size:12px;color:var(--muted);margin:0}.range-tabs{display:flex;background:#eef2f8;border-radius:9px;padding:3px}.range-tabs button{border:0;background:transparent;color:#647087;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:750;cursor:pointer}.range-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px #172b4d1c}.range-totals{display:flex;gap:18px;color:#697589;font-size:12px;margin:17px 0 13px}.range-totals strong{color:#172033;font-size:15px;margin-left:3px}.analytics-breakdowns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.breakdown-card{padding:22px}.breakdown-list{display:flex;flex-direction:column;gap:14px;margin-top:19px}.breakdown-list>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(80px,1.4fr) auto;gap:9px;align-items:center;font-size:12px}.breakdown-list span{color:#38445a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-list>div>div{height:7px;background:#edf1f7;border-radius:99px;overflow:hidden}.breakdown-list i{display:block;height:100%;background:linear-gradient(90deg,#2457d6,#5a82e8);border-radius:99px}.breakdown-list strong{color:#536075;font-size:11px;white-space:nowrap}.analytics-detail-card .click-detail-heading{border-top:0;margin-top:0;padding-top:0}@media(max-width:950px){.analytics-heading{flex-direction:column}.analytics-actions{width:100%}.analytics-actions .button{flex:1}.analytics-url{flex-wrap:wrap}.analytics-url>div{width:100%;flex-basis:100%}.analytics-breakdowns{grid-template-columns:1fr}.analytics-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.analytics-title-row{align-items:flex-start;flex-direction:column}.analytics-actions{flex-direction:column}.analytics-url .button{flex:1}.analytics-summary{grid-template-columns:1fr}.analytics-section-head{flex-direction:column}.range-tabs{width:100%}.range-tabs button{flex:1}.range-totals{flex-direction:column;gap:5px}.link-title span{opacity:1}}