:root{--dhl-red:#d40511;--dhl-red-dark:#a80410;--dhl-yellow:#fc0;--ink:#141b2d;--ink-soft:#4a5568;--ink-muted:#6b7688;--line:#e3e8f1;--line-strong:#cdd5e2;--surface:#fff;--surface-soft:#f8fafc;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #141b2d0f;--shadow-md:0 10px 30px #141b2d14;--shadow-lg:0 24px 60px #141b2d1f;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-color:#f4f6fb;background-image:radial-gradient(1200px 480px at 100% -10%,#ffcc001f,#0000 60%),radial-gradient(1000px 520px at -10% 0,#d4051114,#0000 55%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit}code{background:#141b2d0f;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86em}.page-shell{width:min(1440px,100% - 48px);margin:0 auto;padding:28px 0 48px}.hero{margin-bottom:20px}.eyebrow{color:var(--dhl-red);letter-spacing:.14em;text-transform:uppercase;background:#d4051117;border-radius:999px;margin:0 0 10px;padding:4px 11px;font-size:.72rem;font-weight:800;display:inline-block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;background:linear-gradient(120deg,#141b2d 0%,#35405a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:none;margin-bottom:10px;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;line-height:1.1}h2{letter-spacing:-.01em;margin-bottom:0;font-size:1.12rem;font-weight:800}h3{margin-bottom:4px}.hero p{max-width:none;color:var(--ink-soft);font-size:.92rem;line-height:1.5}.hero-badge{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e2e}.app-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=1100px){.app-grid{grid-template-columns:minmax(400px,1fr) minmax(600px,1.5fr);align-items:stretch}.app-column>.panel:last-child{flex:auto}}.app-column{flex-direction:column;gap:18px;display:flex}.app-column>.panel{margin-bottom:0}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);margin-bottom:18px;padding:20px;transition:box-shadow .2s,transform .2s}.panel:hover{box-shadow:var(--shadow-lg)}.panel-heading{align-items:center;gap:10px;margin-bottom:16px;display:flex}.step-badge{background:linear-gradient(135deg, var(--dhl-red) 0%, var(--dhl-red-dark) 100%);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:27px;height:27px;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #d405114d}.form-grid label,.file-input:not(.dropzone){color:var(--ink-soft);gap:8px;font-size:.88rem;font-weight:700;display:grid}input,select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:40px;color:var(--ink);padding:8px 12px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover{border-color:#b6c0d2}input:focus,select:focus{border-color:var(--dhl-red);outline:none;box-shadow:0 0 0 3px #d4051129}.form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 16px;display:grid}.form-grid-full-width{grid-column:1/-1}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-soft);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:16px 18px;transition:border-color .18s,background .18s,transform .1s;display:flex;position:relative}.dropzone:hover{border-color:var(--dhl-red);background:#d405110a}.dropzone input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.dropzone-filled{background:#22c55e0f;border-style:solid;border-color:#22c55e}.dropzone-icon{background:var(--dhl-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.05rem;font-weight:800;display:inline-flex}.dropzone-filled .dropzone-icon{background:#22c55e}.dropzone-title{color:var(--ink);word-break:break-word;font-size:.98rem;font-weight:700}.dropzone-hint{color:var(--ink-muted);font-size:.84rem;font-weight:500}.status{align-items:center;gap:8px;margin:14px 0 0;font-size:.9rem;font-weight:600;display:flex}.status-ok{color:#15803d}.status-loading{color:var(--ink-soft)}.spinner{border:2px solid #141b2d26;border-top-color:var(--dhl-red);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.holiday-calendar{overflow-x:auto}.holiday-weekday-row,.holiday-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-width:0;display:grid}.holiday-weekday-row{margin:14px 0 8px}.holiday-weekday{color:var(--ink-muted);text-align:center;text-transform:uppercase;letter-spacing:.08em;padding:6px 4px;font-size:.72rem;font-weight:800}.holiday-weekday-weekend{color:var(--dhl-red)}.holiday-grid{margin:8px 0 14px}.holiday-option{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--ink-soft);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-weight:700;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;display:flex;position:relative}.holiday-option:hover{border-color:var(--dhl-red);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.holiday-option span{font-size:.86rem;line-height:1.2}.holiday-option small{color:var(--ink-muted);font-size:.68rem;font-weight:500}.holiday-placeholder{min-height:46px}.holiday-option-weekend{background:var(--surface-soft)}.holiday-option-weekend small{color:var(--dhl-red)}.holiday-option input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.holiday-option:has(input:checked){border-color:var(--dhl-red);background:linear-gradient(135deg, var(--dhl-red) 0%, var(--dhl-red-dark) 100%);color:#fff;box-shadow:0 6px 16px #d4051147}.holiday-option:has(input:checked) small{color:#ffffffd1}.holiday-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #d405114d}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.generation-summary{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.generation-summary-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:118px;box-shadow:var(--shadow-sm);gap:2px;padding:12px 16px;display:grid}.generation-summary-item strong{letter-spacing:-.01em;font-size:1.35rem;font-weight:800}.generation-summary-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}button{background:linear-gradient(135deg, var(--dhl-red) 0%, var(--dhl-red-dark) 100%);color:#fff;cursor:pointer;letter-spacing:.01em;border:0;border-radius:999px;min-height:42px;padding:9px 22px;font-weight:800;transition:transform .12s,box-shadow .15s,background .15s,opacity .15s;box-shadow:0 8px 20px #d4051142}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #d4051152}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}button.secondary{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}button.secondary:hover:not(:disabled){border-color:var(--dhl-red);background:var(--surface-soft);box-shadow:var(--shadow-md)}.muted{color:var(--ink-muted);margin-bottom:0;line-height:1.55}.error-panel{background:linear-gradient(135deg,#fff5f7 0%,#fff 100%);border-color:#f3b4bd}.error-panel .panel-heading .step-badge,.error-panel h2{color:var(--dhl-red)}pre{border-radius:var(--radius-sm);color:#8a0410;white-space:pre-wrap;background:#d405110f;margin:0;padding:14px 16px;font-size:.9rem;overflow:auto}.warning-box{border:1px solid #ffd57a;border-left:4px solid var(--dhl-yellow);border-radius:var(--radius-md);background:#fffaeb;margin-bottom:18px;padding:16px 18px}.warning-box ul{margin:8px 0 0;padding-left:20px}.results-header{margin-bottom:18px}.result-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.result-row{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:16px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex}.result-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-row h3{font-size:1.02rem;font-weight:800}.result-row button{flex:none;min-height:36px;padding:7px 16px;font-size:.9rem}.file-name{color:var(--ink-muted);word-break:break-all;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}@media (width<=640px){.result-row{flex-direction:column;align-items:stretch}.generation-summary{width:100%;margin-left:0}}.name-mapping{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);margin-bottom:18px;padding:16px 18px}.name-mapping>summary{cursor:pointer;color:var(--ink-soft);font-weight:700}.name-mapping>summary:hover{color:var(--dhl-red)}.member-filter{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);margin-top:16px;padding:14px 16px}.member-filter>summary{cursor:pointer;color:var(--ink-soft);font-weight:700}.member-filter>summary:hover{color:var(--dhl-red)}.member-filter-actions{flex-wrap:wrap;gap:10px;margin:14px 0 12px;display:flex}.member-filter-actions button{min-height:36px;padding:7px 14px}.member-filter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.member-filter-option{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex}.member-filter-option:hover{border-color:var(--dhl-red);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.member-filter-option input{width:18px;min-width:18px;min-height:18px;margin-top:2px;padding:0}.member-filter-option strong{color:var(--ink);margin-bottom:3px;display:block}.member-filter-meta{color:var(--ink-muted);font-size:.84rem;line-height:1.4;display:block}@media (width<=900px){.member-filter-list{grid-template-columns:1fr}}.name-mapping-table{border-collapse:collapse;width:100%;margin-top:14px;font-size:.9rem}.name-mapping-table th,.name-mapping-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 10px}.name-mapping-table th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:800}.name-mapping-table tbody tr:hover,.name-mapping-table tr:hover{background:#141b2d05}.name-source{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.name-target{font-weight:700}.badge{white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:.74rem;font-weight:700;display:inline-block}.badge-changed{color:#8a6500;background:#fffaeb;border:1px solid #ffd57a}.badge-kept{color:#2f7d45;background:#f1faf3;border:1px solid #cbe6d2}