.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:28px;right:28px}.toast{border-radius:var(--radius);background:var(--bg2);border:1px solid var(--border2);color:var(--text);pointer-events:auto;max-width:360px;font-size:14px;font-family:var(--sans);box-shadow:var(--shadow-lg);align-items:center;gap:11px;padding:13px 16px 13px 18px;font-weight:500;display:flex}.toast.success{border-color:var(--green-bd);color:var(--green)}.toast.error{border-color:var(--red-bd);color:var(--red)}.toast-icon{flex-shrink:0}.toast.has-details{align-items:flex-start;max-width:430px}.toast.has-details .toast-icon{margin-top:2px}.toast-body{flex:1;min-width:0}.toast-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toast-title{font-weight:600}.toast-source{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text3);background:var(--bg3);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:500}.toast-details{color:var(--text2);flex-direction:column;gap:4px;margin:5px 0 0;padding:0;font-size:13px;font-weight:400;line-height:1.45;list-style:none;display:flex}.toast-details.multi{padding-left:16px;list-style:outside}.toast-details.multi li{display:list-item}.toast-code{width:fit-content;max-width:100%;font-family:var(--mono);color:var(--text3);background:var(--bg3);border:1px solid var(--border);white-space:nowrap;border-radius:3px;margin:5px 0 0;padding:1px 5px;font-size:10.5px;display:block;overflow-x:auto}.toast-close{color:var(--text3);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-start;margin-left:2px;padding:0 2px;font-size:17px;line-height:1;transition:color .12s}.toast-close:hover{color:var(--text)}.toast-enter-active{transition:all .22s}.toast-leave-active{transition:all .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(20px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#eef1f8;--bg2:#fff;--bg3:#f2f4f9;--bg4:#e8ecf4;--bg-hover:#2d5be30a;--border:#dde2ed;--border2:#c8d0e2;--border3:#a8b4cc;--shadow-sm:0 1px 3px #0c183012, 0 1px 2px #0c18300d;--shadow:0 2px 8px #0c183014, 0 1px 3px #0c18300f;--shadow-md:0 4px 16px #0c18301a, 0 2px 6px #0c18300f;--shadow-lg:0 8px 32px #0c18301f, 0 2px 8px #0c18300f;--text:#0c1829;--text2:#4a5a72;--text3:#8896aa;--accent:#2d5be3;--accent2:#1e48d4;--accent3:#6b8ef0;--accent-bg:#2d5be312;--accent-bd:#2d5be338;--accent-light:#eff4ff;--red:#dc3535;--red-bg:#dc353512;--red-bd:#dc353538;--green:#16a34a;--green-bg:#16a34a12;--green-bd:#16a34a38;--orange:#d97706;--orange-bg:#d9770612;--orange-bd:#d9770638;--teal:#0891b2;--teal-bg:#0891b212;--teal-bd:#0891b238;--sans:"Figtree", system-ui, sans-serif;--mono:"Fira Code", "Cascadia Code", monospace;--radius:8px;--radius2:12px;--radius3:16px;--sidebar-w:240px;--sidebar-w-collapsed:60px}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}#app{height:100%}a{color:inherit;text-decoration:none}button{font-family:var(--sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg3)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border3)}.btn{border-radius:var(--radius);font-family:var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:9px 17px;font-size:14px;font-weight:600;line-height:1;transition:all .14s;display:inline-flex}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-sm{padding:6px 13px;font-size:13px}.btn-lg{padding:12px 24px;font-size:15px}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 4px #2d5be34d}.btn-accent:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2);box-shadow:0 2px 8px #2d5be359}.btn-ghost{color:var(--text2);border-color:var(--border2);box-shadow:var(--shadow-sm);background:#fff}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border3);background:var(--bg3)}.btn-danger{color:var(--red);border-color:var(--red-bd);box-shadow:var(--shadow-sm);background:#fff}.btn-danger:hover:not(:disabled){background:var(--red-bg);border-color:var(--red)}.btn-icon{border-radius:var(--radius);border:1px solid var(--border2);color:var(--text2);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;padding:8px;transition:all .14s;display:inline-flex}.btn-icon:hover{color:var(--text);border-color:var(--border3);background:var(--bg3)}.copy-btn{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.copy-btn:hover{color:var(--text)}.badge{font-family:var(--mono);border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge-accent{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-bd)}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-bd)}.badge-teal{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal-bd)}.badge-orange{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-bd)}.badge-gray{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd)}.badge-amber{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-bd)}.badge-blue{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal-bd)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow);overflow:hidden}.card-header{border-bottom:1px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.card-title{font-family:var(--mono);color:var(--text3);letter-spacing:.8px;text-transform:uppercase;font-size:16px;font-weight:500}.card-body{padding:22px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font-family:var(--mono);color:var(--text3);letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg3);padding:11px 18px;font-size:13px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:13px 18px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:default;transition:background .1s}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover td{background:var(--bg-hover)}.data-table .mono{font-family:var(--mono);font-size:13px}.data-table .muted{color:var(--text2)}.data-table .empty-row td{text-align:center;color:var(--text3);font-family:var(--mono);padding:48px;font-size:13px}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:var(--text2);letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--bg2);border:1.5px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--mono);width:100%;box-shadow:var(--shadow-sm);outline:none;padding:10px 14px;font-size:14px;transition:border-color .14s,box-shadow .14s}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a5a72'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-color:var(--bg2);cursor:pointer;padding-right:32px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.form-group input::placeholder{color:var(--text3)}.form-grid{gap:18px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.divider{background:var(--border);height:1px;margin:22px 0}.section-label{color:var(--text3);letter-spacing:.8px;text-transform:uppercase;margin-bottom:14px;font-size:14px;font-weight:600}.detail-grid{grid-template-columns:auto 1fr;display:grid}.detail-label{font-family:var(--mono);color:var(--text3);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--border);padding:9px 28px 9px 0;font-size:11px;font-weight:500}.detail-value{font-family:var(--mono);color:var(--text);word-break:break-all;border-bottom:1px solid var(--border);text-align:right;padding:9px 0;font-size:14px}.detail-grid>.detail-label:nth-last-child(-n+2),.detail-grid>.detail-value:nth-last-child(-n+2){border-bottom:none}.text-mono{font-family:var(--mono)}.text-muted{color:var(--text2)}.text-faint{color:var(--text3)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--orange)}.text-sm{font-size:13px}.text-xs{font-size:12px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--text);letter-spacing:-.4px;font-size:22px;font-weight:700}.page-sub{color:var(--text3);margin-top:4px;font-size:14px}.page-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow);padding:20px 22px}.stat-label{color:var(--text3);letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.stat-value{font-family:var(--mono);color:var(--text);font-size:30px;font-weight:500}.paket-item{background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;position:relative}.paket-number{background:var(--accent);color:#fff;font-family:var(--mono);border-radius:var(--radius) 0 var(--radius) 0;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:-1px;left:-1px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active{transition:all .25s}.slide-enter-from{opacity:0;transform:translateY(8px)}@media (width<=640px){.table-responsive .data-table thead{display:none}.table-responsive .data-table,.table-responsive .data-table tbody,.table-responsive .data-table tr,.table-responsive .data-table td{width:100%;display:block}.table-responsive .data-table tr{border-bottom:1px solid var(--border);padding:12px 18px}.table-responsive .data-table tr:last-child{border-bottom:none}.table-responsive .data-table td{border-bottom:none;justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.table-responsive .data-table td[data-label=Sendungsnummer]{word-break:break-all;text-align:right}.table-responsive .data-table td[data-label]:before{content:attr(data-label);font-family:var(--mono);color:var(--text3);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-right:12px;font-size:12px;font-weight:500}.table-responsive .data-table td:empty{display:none}.card-header{flex-direction:column;align-items:start}}