:root{--bg:#0e1618;--bg-2:#13201f;--surface:#182624;--surface-2:#1f302d;--line:#2a3d39;--text:#e8efea;--muted:#8aa39b;--accent:#e8b23a;--accent-2:#9b7fb0;--ok:#6fcf97;--warn:#e8b23a;--open:#c98a7a;--display:"Space Grotesk", sans-serif;--body:"Inter", sans-serif;--mono:"JetBrains Mono", monospace;--radius:14px;--hero-grad:radial-gradient(120% 140% at 80% -20%, #1c3330 0%, transparent 55%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:1080px;margin:0 auto;padding:0 22px 80px}.login-wrap{justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.hero{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);background-image:var(--hero-grad);margin-top:26px;padding:34px 32px;position:relative;overflow:hidden}.hero-top{z-index:2;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11.5px}h1{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(34px,6vw,58px);font-weight:700;line-height:.98}.trip-meta{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:12px;font-size:15px;display:flex}.trip-meta b{color:var(--text);font-weight:600}.who{align-items:center;gap:10px;display:flex}.av{border:2px solid var(--surface);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.av:nth-child(2){margin-left:-14px}.av.l{background:linear-gradient(135deg,#5865f2,#404eed)}.av.f{background:linear-gradient(135deg,#eb459e,#b53087)}.contours{z-index:1;opacity:.5;pointer-events:none;position:absolute;inset:0}.summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.stat .k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.stat .v{font-family:var(--display);letter-spacing:-.01em;margin-top:8px;font-size:30px;font-weight:700}.stat.total .v{color:var(--accent)}.stat.open .v{color:var(--open)}.stat .sub{color:var(--muted);margin-top:4px;font-size:12px}.progress{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:16px;padding:16px 20px}.progress .row{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.progress .row b{font-family:var(--mono)}.bar{background:var(--surface-2);border-radius:999px;height:10px;display:flex;overflow:hidden}.bar i{height:100%;display:block}.bar .booked{background:var(--ok)}.bar .paid{background:var(--accent)}.cat{margin-top:30px}.cat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:12px;display:flex}.cat-head h2{font-family:var(--display);align-items:center;gap:11px;font-size:21px;font-weight:600;display:flex}.cat-ico{font-size:20px}.cat-sum{font-family:var(--mono);color:var(--muted);font-size:13px}.cat-sum b{color:var(--text)}.grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;transition:border-color .2s,transform .2s;position:relative}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card h3{font-size:16px;font-weight:600}.card .provider{color:var(--muted);margin-top:2px;font-size:13px}.price{font-family:var(--display);white-space:nowrap;font-size:22px;font-weight:700}.meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12.5px;display:flex}.meta span{align-items:center;gap:5px;display:inline-flex}.card-foot{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:500}.badge.gebucht{color:var(--ok);background:color-mix(in srgb, var(--ok) 16%, transparent)}.badge.bezahlt{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.badge.offen{color:var(--open);background:color-mix(in srgb, var(--open) 16%, transparent)}.blink{color:var(--accent);align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.blink:hover{text-decoration:underline}.notes{border-top:1px dashed var(--line);color:var(--muted);margin-top:12px;padding-top:12px;font-size:13px;font-style:italic}.footnote{text-align:center;font-family:var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-top:50px;font-size:11px}.btn-discord{color:#fff;font-family:var(--body);border-radius:var(--radius);cursor:pointer;background:#5865f2;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn-discord:hover{background:#4752c4;transform:translateY(-1px)}.btn-discord:active{transform:translateY(0)}.logout{color:var(--muted);font-family:var(--body);border-radius:calc(var(--radius) / 2);border:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.logout:hover{color:var(--text);border-color:var(--muted)}.nav{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.nav a{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-radius:calc(var(--radius) / 2);border:1px solid var(--line);padding:5px 12px;font-size:11px;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.nav a:hover{color:var(--text);border-color:var(--muted)}.nav-active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)!important;border-color:var(--accent)!important}.budget-widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:16px;padding:18px 20px}.budget-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.budget-info{flex:1;min-width:0}.budget-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10.5px}.budget-unset{font-style:italic}.budget-amount{font-family:var(--display);letter-spacing:-.01em;color:var(--text);font-size:26px;font-weight:700}.budget-remaining{margin-top:4px;font-size:13px;font-weight:500}.budget-ok{color:var(--ok)}.budget-over{color:var(--open)}.budget-bar{max-width:320px}.budget-used{height:100%;display:block}.budget-bar-ok{background:var(--ok)}.budget-bar-over{background:var(--open)}.budget-form{flex-direction:column;gap:6px;min-width:200px;display:flex}.budget-form-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.budget-form-row{align-items:center;gap:8px;display:flex}.budget-input{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:calc(var(--radius) / 1.6);font-family:var(--body);appearance:none;width:120px;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.budget-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.budget-save-btn{flex-shrink:0;padding:8px 14px;font-size:13px}.save-status{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ok);align-items:center;margin-left:8px;font-size:11px;animation:.2s fade-in;display:inline-flex}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.summary{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.hero-top,.budget-top{flex-direction:column}.budget-bar{max-width:100%}}.item-form-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:26px;padding:24px 28px}.item-form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px 20px;display:grid}.item-form>.form-actions,.item-form>.form-err{grid-column:1/-1}.form-row{flex-direction:column;gap:6px;display:flex}.form-row label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.item-form input,.item-form select,.item-form textarea{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:calc(var(--radius) / 1.6);font-family:var(--body);appearance:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.item-form input:focus,.item-form select:focus,.item-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.item-form input::placeholder{color:var(--muted);opacity:.7}.item-form input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.item-form input[type=date]::-webkit-calendar-picker-indicator{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.item-form select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238aa39b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.item-form textarea{resize:vertical;min-height:88px}.form-actions{flex-direction:row-reverse;align-items:center;gap:10px;margin-top:4px;display:flex}.form-err{color:var(--open);font-size:12px;font-family:var(--body);margin-top:2px}.btn-add,.btn-save{background:var(--accent);color:#0e1618;font-family:var(--body);border-radius:calc(var(--radius) / 1.4);cursor:pointer;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:7px;padding:9px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn-add:hover,.btn-save:hover{background:color-mix(in srgb, var(--accent) 85%, #fff);transform:translateY(-1px)}.btn-add:active,.btn-save:active{transform:translateY(0)}.btn-add:disabled,.btn-save:disabled{opacity:.55;cursor:not-allowed;transform:none}.wrap>.btn-add{margin-top:26px}.btn-cancel{color:var(--muted);font-family:var(--body);border-radius:calc(var(--radius) / 1.4);border:1px solid var(--line);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s;display:inline-flex}.btn-cancel:hover{color:var(--text);border-color:var(--muted)}.card-actions{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.btn-card-edit,.btn-card-delete{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:calc(var(--radius) / 2);border:1px solid var(--line);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:5px 12px;font-size:11px;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.btn-card-edit{color:var(--muted)}.btn-card-edit:hover{color:var(--text);border-color:var(--muted)}.btn-card-delete{color:var(--muted)}.btn-card-delete:hover{color:var(--open);border-color:var(--open);background:color-mix(in srgb, var(--open) 10%, transparent)}.cat-empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:28px 20px;font-size:14px;font-style:italic}@media (max-width:600px){.item-form{grid-template-columns:1fr}.item-form-wrap{padding:18px 16px}.form-actions{flex-direction:column-reverse;align-items:stretch}.btn-save,.btn-cancel{justify-content:center;width:100%}}.packing-section{margin-top:26px}.packing-add-row{align-items:center;gap:10px;display:flex}.packing-input{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:calc(var(--radius) / 1.6);font-family:var(--body);flex:1;padding:9px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.packing-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.packing-input::placeholder{color:var(--muted);opacity:.7}.packing-err{margin-top:8px}.packing-progress{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:18px;font-size:12px}.packing-list{flex-direction:column;gap:8px;margin-top:16px;list-style:none;display:flex}.packing-item{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) / 1.4);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s;display:flex}.packing-item:hover{border-color:var(--muted)}.packing-label{cursor:pointer;flex:1;align-items:center;gap:12px;font-size:15px;display:flex}.packing-checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.packing-text{line-height:1.4}.packing-done .packing-text{color:var(--muted);text-decoration:line-through}.packing-done{border-color:var(--line);opacity:.75}.packing-del{flex-shrink:0;padding:4px 10px;font-size:12px}@media (max-width:600px){.packing-add-row{flex-direction:column;align-items:stretch}.packing-add-row .btn-add{justify-content:center;width:100%}}.map-container{border-radius:var(--radius);border:1px solid var(--line);height:70vh;overflow:hidden}.attach-list{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.attach-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px}.attach-items{flex-direction:column;gap:4px;list-style:none;display:flex}.attach-item{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.attach-link{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex:1;text-decoration:none;overflow:hidden}.attach-link:hover{text-decoration:underline}.attach-del{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:14px;line-height:1;transition:border-color .15s,color .15s}.attach-del:hover{border-color:var(--danger,#c0392b);color:var(--danger,#c0392b)}.attach-upload-form{border-top:1px dashed var(--line);margin-top:16px;padding-top:12px}.attach-upload-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attach-file-input{color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex:1;min-width:0;padding:6px 8px;font-size:13px}.attach-upload-btn{flex-shrink:0;padding:6px 14px;font-size:13px}