*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Noto Sans KR',sans-serif;background:#f4f7fb;color:#08264d}.site-header{height:96px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 5vw;box-shadow:0 1px 10px rgba(0,0,0,.07);position:sticky;top:0;z-index:30}.logo-wrap img{width:235px;height:72px;object-fit:contain}.site-header nav{display:flex;gap:38px;height:100%;align-items:center}.site-header nav a{text-decoration:none;color:#172b4d;font-weight:700;padding:35px 0 28px;border-bottom:3px solid transparent}.site-header nav a.active{color:#0870d8;border-color:#0870d8}.hero{height:560px;position:relative;background:url('assets/hero-logistics.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,31,65,.14),rgba(255,255,255,.08),rgba(4,31,65,.14))}.hero-content{position:relative;z-index:2;width:min(900px,92%);text-align:center}.hero h1{font-size:68px;letter-spacing:1px;margin:0;color:#062e5f;text-shadow:0 2px 10px rgba(255,255,255,.55)}.slogan{font-size:22px;font-weight:800;letter-spacing:1.5px;margin:14px 0 6px}.guide{font-size:19px;margin:0 0 32px;color:#263f5e}.tracking-form{display:flex;background:#fff;padding:9px;border-radius:14px;box-shadow:0 18px 48px rgba(5,37,76,.24);max-width:350px;margin:auto}.tracking-form input{flex:1;border:0;outline:0;padding:0 22px;font-size:20px;min-width:0}.tracking-form button{border:0;background:#052f60;color:#fff;padding:18px 48px;border-radius:9px;font-size:19px;font-weight:800;cursor:pointer}.tracking-form button:hover{background:#074780}.example{margin-top:17px;font-weight:700}.feature-grid{width:min(1320px,94%);margin:-50px auto 34px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:20px;box-shadow:0 16px 38px rgba(20,54,94,.14);overflow:hidden}.feature-grid article{text-align:center;padding:32px 20px;border-right:1px solid #e4eaf2}.feature-grid article:last-child{border-right:0}.icon{font-size:34px;color:#073970;margin-bottom:11px}.feature-grid h3{margin:0 0 10px;font-size:18px}.feature-grid p{margin:0;color:#6a788b;font-size:14px;line-height:1.55}.result-panel{width:min(1320px,94%);margin:0 auto 55px;background:#fff;border-radius:20px;padding:32px;box-shadow:0 12px 32px rgba(20,54,94,.12)}.result-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:12px;color:#7b899b;letter-spacing:1px}.result-top h2{font-size:28px;margin:6px 0 0}.status-badge{background:#e5f6eb;color:#147e42;padding:9px 16px;border-radius:999px;font-weight:800}.timeline{display:grid;grid-template-columns:repeat(7,1fr);margin:44px 0 35px}.step{position:relative;text-align:center;color:#9aa4b2;font-size:14px}.step:before{content:'';position:absolute;left:-50%;right:50%;top:8px;height:3px;background:#d8dee8}.step:first-child:before{display:none}.step i{display:block;width:18px;height:18px;background:#d8dee8;border-radius:50%;margin:0 auto 12px;position:relative;z-index:2}.step.complete,.step.current{color:#086ccf}.step.complete:before,.step.current:before{background:#086ccf}.step.complete i{background:#086ccf}.step.current i{background:#fff;border:4px solid #086ccf}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid #e7ecf2;padding-top:24px}.detail-grid div{background:#f6f8fb;padding:18px;border-radius:12px}.detail-grid span{display:block;color:#7a8798;font-size:13px;margin-bottom:8px}.demo-note{margin:22px 0 0;color:#718096;font-size:13px}footer{background:#052f60;color:#fff;padding:25px 6vw;display:flex;justify-content:space-between;font-size:13px}@media(max-width:900px){.site-header{height:78px}.logo-wrap img{width:180px;height:58px}.site-header nav{display:none}.hero{height:500px}.hero h1{font-size:42px}.slogan{font-size:16px}.guide{font-size:16px}.tracking-form{flex-direction:column}.tracking-form input{height:58px}.tracking-form button{width:100%}.feature-grid{grid-template-columns:1fr 1fr;margin-top:-30px}.feature-grid article{border-bottom:1px solid #e4eaf2}.timeline{grid-template-columns:1fr;gap:17px}.step{text-align:left;padding-left:30px}.step:before{display:none}.step i{position:absolute;left:0}.detail-grid{grid-template-columns:1fr}.result-top{align-items:flex-start;gap:15px}.status-badge{font-size:12px}footer{flex-direction:column;gap:8px}.hero-content{width:90%}}
.carrier-links{margin:24px auto 0;max-width:820px}
.carrier-label{display:block;font-size:12px;font-weight:800;letter-spacing:1.6px;color:#173b67;margin-bottom:10px}
.carrier-buttons{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}
.carrier-buttons a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:10px 8px;border-radius:9px;background:rgba(255,255,255,.93);border:1px solid rgba(6,47,96,.16);color:#062f60;text-decoration:none;font-weight:800;box-shadow:0 7px 20px rgba(5,37,76,.12);transition:.18s ease}
.carrier-buttons a:hover{transform:translateY(-2px);background:#062f60;color:#fff}
@media(max-width:900px){.carrier-buttons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.carrier-buttons{grid-template-columns:repeat(2,1fr)}}
.step small{display:block;font-size:11px;margin-top:6px;color:#7a8798}.local-delivery{margin-top:22px;padding:22px;border:1px solid #d9e5f2;border-radius:14px;background:#f7fbff;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.local-delivery[hidden]{display:none}.local-delivery h3,.local-delivery .eyebrow{grid-column:1/-1;margin:0}.local-delivery div span{display:block;color:#7a8798;font-size:12px;margin-bottom:6px}.local-delivery a{background:#0870d8;color:#fff;text-decoration:none;padding:12px 18px;border-radius:8px;font-weight:800}.public-memo{padding:16px;background:#fff8e7;border-radius:10px}.admin-entry{position:fixed;right:18px;bottom:18px;background:#052f60;color:#fff;text-decoration:none;border-radius:999px;padding:10px 16px;font-size:12px;box-shadow:0 7px 20px rgba(0,0,0,.2)}
.admin-body{background:#eef3f8}.admin-header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 4vw;border-bottom:1px solid #dfe6ef}.admin-header img{width:190px;height:65px;object-fit:contain}.admin-header div{display:flex;gap:24px;align-items:center}.admin-header a{color:#0870d8;text-decoration:none}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 82px)}.admin-nav{background:#062f60;padding:28px 14px}.nav-button{display:block;width:100%;border:0;background:transparent;color:#bcd0e8;text-align:left;padding:15px 16px;border-radius:9px;font-weight:700;cursor:pointer}.nav-button.active{background:#0b70d1;color:#fff}.admin-content{padding:34px;max-width:1200px;width:100%}.admin-tab{display:none}.admin-tab.active{display:block}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading span,.sub-card-title span{font-size:11px;color:#1592ef;letter-spacing:1.5px;font-weight:900}.section-heading h1,.sub-card-title h2{margin:5px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.form-grid label,.schedule-row label{font-size:13px;font-weight:800;color:#08264d}.form-grid input,.form-grid select,.inline-form input,.schedule-row input{display:block;width:100%;height:46px;margin-top:7px;border:1px solid #cfdae8;border-radius:5px;background:#fff;padding:0 13px;font-size:14px}.form-grid .wide{grid-column:1/-1}.sub-card,.schedule-card,.saved-list{background:#fff;border:1px solid #dae4ef;border-radius:12px;padding:22px;margin-top:24px}.sub-card[hidden]{display:none}.sub-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.switch-label{font-size:13px}.schedule-card summary{font-size:17px;font-weight:900;cursor:pointer}.schedule-table{margin-top:18px}.schedule-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px;align-items:end;padding:11px 0;border-top:1px solid #edf1f5}.schedule-row:first-child{border-top:0}.form-actions{text-align:right;margin-top:22px}.primary,.secondary{border:0;border-radius:7px;padding:13px 22px;font-weight:900;cursor:pointer}.primary{background:#0870d8;color:#fff}.secondary{background:#e8f2fc;color:#075cae}.saved-list h2{margin-top:0}.shipment-row{width:100%;display:grid;grid-template-columns:1.2fr 1fr 1.5fr 1fr;gap:12px;text-align:left;align-items:center;border:0;border-top:1px solid #edf1f5;background:#fff;padding:14px 8px;cursor:pointer}.shipment-row b{color:#0870d8}.inline-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;background:#fff;padding:20px;border-radius:12px}.master-list{margin-top:18px;background:#fff;border-radius:12px;padding:10px 20px}.master-list div{display:grid;grid-template-columns:1fr 1fr auto;padding:13px 0;border-bottom:1px solid #edf1f5}.master-list button{border:0;background:#fff;color:#d04444;cursor:pointer}
@media(max-width:800px){.local-delivery{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-nav{display:flex;padding:10px;overflow:auto}.nav-button{white-space:nowrap}.admin-content{padding:20px 14px}.form-grid,.schedule-row{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.shipment-row{grid-template-columns:1fr 1fr}.admin-header strong{display:none}}
.delivery-proof{margin-top:18px;padding-top:18px;border-top:1px solid #e5ebf2}.delivery-proof label{display:block;max-width:520px;font-size:13px;font-weight:800}.delivery-proof input{display:block;width:100%;height:46px;margin-top:7px;border:1px solid #cfdae8;border-radius:5px;padding:0 13px;font-size:14px}.delivery-complete-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;padding:20px;border-radius:12px;background:#eaf7ef;border:1px solid #cbe8d5}.delivery-complete-info[hidden]{display:none}.delivery-complete-info span{display:block;color:#648071;font-size:12px;margin-bottom:6px}@media(max-width:800px){.delivery-complete-info{grid-template-columns:1fr}}
.shipment-row{grid-template-columns:1.1fr .9fr 1.4fr .8fr auto}.shipment-actions{display:flex;gap:6px;justify-content:flex-end}.shipment-actions button{border:1px solid #c9d7e6;background:#fff;color:#075cae;border-radius:6px;padding:8px 12px;font-weight:800;cursor:pointer}.shipment-actions button.delete{border-color:#efcaca;color:#c83232;background:#fff8f8}@media(max-width:800px){.shipment-row{grid-template-columns:1fr 1fr}.shipment-actions{justify-content:flex-start}}
.ocr-card{background:linear-gradient(135deg,#07366c,#0876d8);color:#fff;border-radius:14px;padding:22px;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.ocr-card h2{margin:5px 0 7px}.ocr-card span{font-size:11px;letter-spacing:1.5px;color:#8fd0ff;font-weight:900}.ocr-card p{margin:0;color:#d5e9fb;font-size:13px}.ocr-controls{display:flex;gap:9px}.file-button{display:inline-flex;align-items:center;background:#fff;color:#075cae;border-radius:7px;padding:13px 19px;font-weight:900;cursor:pointer}.file-button input{display:none}.ocr-card .primary{background:#12a4ef}.ocr-card .primary:disabled{opacity:.45;cursor:not-allowed}.ocr-work{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;gap:18px;background:rgba(255,255,255,.1);padding:14px;border-radius:10px}.ocr-work[hidden]{display:none}.ocr-work img{width:180px;height:110px;object-fit:contain;background:#fff;border-radius:6px}.progress{height:8px;background:rgba(255,255,255,.2);border-radius:99px;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#54d4ff;transition:width .2s}.ocr-work p{margin-top:10px}@media(max-width:800px){.ocr-card{grid-template-columns:1fr}.ocr-work{grid-template-columns:1fr}.ocr-work img{width:100%;height:180px}}
.admin-content{max-width:1560px}.date-pair{display:grid;grid-template-columns:1fr 155px;gap:7px}.date-pair .quick-date{font-size:12px;background:#f7fbff}.date-pair .quick-date.accepted{border-color:#19a765;background:#eefaf3;color:#08783f}#tab-shipments.active{display:grid;grid-template-columns:minmax(640px,1fr) 370px;gap:0 22px;align-items:start}#tab-shipments>.section-heading,#tab-shipments>.ocr-card,#tab-shipments>#shipmentForm{grid-column:1}#tab-shipments>.saved-list{grid-column:2;grid-row:1/4;position:sticky;top:106px;margin-top:0;max-height:calc(100vh - 130px);overflow:auto}.saved-title{position:sticky;top:-22px;background:#fff;padding:0 0 14px;z-index:2;border-bottom:1px solid #e5ebf2}.saved-title>div{display:flex;align-items:center;justify-content:space-between}.saved-title h2{margin:0}.saved-title span{font-size:12px;color:#6d7d90}.saved-title input{width:100%;height:42px;margin-top:12px;border:1px solid #cfdae8;border-radius:7px;padding:0 12px}.saved-list .shipment-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:14px 0}.saved-list .shipment-row strong{font-size:15px}.saved-list .shipment-row span,.saved-list .shipment-row small{grid-column:1}.saved-list .shipment-row b{grid-column:2;grid-row:1;font-size:11px}.saved-list .shipment-actions{grid-column:2;grid-row:2/4;flex-direction:column}.saved-list .shipment-actions button{padding:6px 9px;font-size:11px}@media(max-width:1100px){#tab-shipments.active{display:block}#tab-shipments>.saved-list{position:static;max-height:none;margin-top:24px}.date-pair{grid-template-columns:1fr}}
.ai-image-note{position:absolute;right:18px;bottom:8px;margin:0;padding:5px 9px;border-radius:5px;background:rgba(3,29,60,.66);color:#fff;font-size:10px;font-weight:500;letter-spacing:0}.status-badge.warning{background:#fff0f0;color:#c62828}.step.overdue{color:#d12222}.step.overdue i{background:#fff;border:4px solid #d12222}.step.overdue:before{background:#d12222}.step.needs-check small{color:#d12222;font-weight:900}.tracking-alert{margin:-10px 0 24px;padding:13px 16px;border-radius:9px;border:1px solid #efb0b0;background:#fff0f0;color:#b51f1f;font-weight:800;font-size:13px}.tracking-alert[hidden]{display:none}
.hero{background-image:url('assets/hero-logistics-v2.jpg')}
.hero>.ai-image-note{right:20px;bottom:10px;max-width:390px;text-align:right;z-index:6;background:rgba(3,29,60,.72)}
.login-gate{position:fixed;inset:0;z-index:999;background:linear-gradient(135deg,#eaf2fa,#d8e8f7);display:flex;align-items:center;justify-content:center;padding:20px}.login-gate[hidden]{display:none}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 24px 70px rgba(5,47,96,.22)}.login-card img{display:block;width:210px;height:72px;object-fit:contain;margin:0 auto 15px}.login-card h1{text-align:center;margin:0}.login-card p{text-align:center;color:#6d7d90;font-size:13px;margin:8px 0 22px}.login-card label{display:block;font-size:13px;font-weight:800;margin-top:13px}.login-card input{display:block;width:100%;height:48px;margin-top:7px;border:1px solid #cbd8e7;border-radius:7px;padding:0 13px;font-size:15px}.login-card .primary{width:100%;margin-top:20px}.login-card small{display:block;min-height:20px;margin-top:10px;color:#c83232;text-align:center}.admin-header button{border:0;background:#eef5fc;color:#075cae;border-radius:7px;padding:9px 12px;font-weight:800;cursor:pointer}
.excel-card{background:#fff;border:1px solid #cfdceb;border-left:5px solid #0870d8;border-radius:14px;padding:22px;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.excel-card span{font-size:11px;letter-spacing:1.5px;color:#0870d8;font-weight:900}.excel-card h2{margin:5px 0 7px}.excel-card p{margin:0;color:#62758a;font-size:13px}.excel-controls{display:flex;gap:9px}.excel-card .file-button{background:#e8f2fc}.excel-card .primary:disabled{opacity:.45;cursor:not-allowed}.excel-result{grid-column:1/-1;background:#f4f8fc;border-radius:9px;padding:14px}.excel-result[hidden]{display:none}.excel-result p{margin:6px 0}.excel-result .progress{background:#dce8f4}.excel-result .progress i{background:#19a765}.excel-result #excelErrors{white-space:pre-line;color:#c83232;font-size:12px;margin-top:7px}#tab-shipments>.excel-card{grid-column:1}#tab-shipments>.saved-list{grid-row:1/5}@media(max-width:800px){.excel-card{grid-template-columns:1fr}.excel-controls{flex-wrap:wrap}}