*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#17253b;font:15px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#2464ba;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.header{background:#fff;border-bottom:1px solid #e5eaf1}.headinner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:18px;font-weight:750;color:#17253b;display:flex;align-items:center;gap:10px}.brand small{color:#8190a5;font-size:11px;letter-spacing:.1em}.mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#2b68cc;color:white;border-radius:10px}.header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.header nav a{color:#35445d}.muted{color:#718097}.link{background:transparent;color:#2464ba;border:0;padding:0}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:60px 0 35px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#3772bd}h1{font-size:34px;letter-spacing:-.035em;line-height:1.15;margin:9px 0 12px}h2{font-size:20px;letter-spacing:-.02em;margin:0 0 16px}.pagehead p{color:#67758c;margin:0}.status{font-size:13px;background:#e4f7ee;color:#17754e;padding:9px 14px;border-radius:99px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 30px}.stat,.panel{background:#fff;border:1px solid #e4eaf2;border-radius:15px;box-shadow:0 5px 25px #14264207}.stat{padding:28px 30px}.stat span{display:block;color:#6f7f94}.stat strong{display:block;font-size:40px;letter-spacing:-.06em;line-height:1.6}.stat small{color:#94a0af}.panel{padding:30px;margin-bottom:28px}.panel p{color:#65758a}.notice{margin-top:28px;padding:14px 18px;border:1px solid #b8dfcd;background:#ecfbf2;border-radius:8px}.error{padding:12px 16px;background:#fff0f0;color:#a52727;border:1px solid #f1cece;border-radius:8px;margin:16px 0}.login{max-width:475px;margin:85px auto 120px}.login .panel{padding:40px}.install{max-width:530px;margin:55px auto;padding:0 18px}.install .panel{padding:36px}label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:13px;color:#40516a;margin-bottom:18px}input,select{background:#fff;border:1px solid #cdd8e6;border-radius:8px;padding:11px 12px;font:inherit;color:#17253b;min-width:0}input:focus,select:focus{outline:2px solid #a9c8f4;border-color:#487dcc}button,.btn{display:inline-block;background:#2667c5;border:none;border-radius:8px;color:white;font:inherit;font-weight:650;padding:11px 18px;cursor:pointer}button:hover,.btn:hover{background:#17529e;text-decoration:none}.secondary{background:#eaf0f8;color:#294363}.secondary:hover{background:#dce7f4}.inline{display:inline-flex;align-items:center;gap:7px;margin:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:end}.formgrid button{margin-bottom:18px}.foot{padding-top:30px;padding-bottom:50px;color:#8998a8;font-size:12px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}td,th{padding:15px 12px;border-bottom:1px solid #e8edf4;vertical-align:middle}th{color:#718097;font-size:12px}td input{padding:8px;max-width:155px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions button{padding:8px 10px;font-size:12px}button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:780px){.stats{grid-template-columns:1fr}.headinner{align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px}.header nav{gap:14px}.pagehead{padding-top:36px}.formgrid{grid-template-columns:1fr}.wrap{padding:0 18px}.panel{padding:20px}.login{margin:45px auto}.resetpass{display:flex;flex-wrap:wrap}}

.four{grid-template-columns:repeat(4,minmax(0,1fr))}.four .stat{padding:20px}.four .stat strong{font-size:clamp(17px,2vw,28px);line-height:1.5}.positive{color:#16744d}.negative{color:#b3313b}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.sectionhead h2,.sectionhead p{margin:0}.servergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.servercard{display:block;border:1px solid #dce9e2;border-radius:12px;background:#f3fbf7;padding:20px;color:#26394a}.servercard.loss{background:#fff6f6;border-color:#f6dbdb}.servercard.inactive{background:#f4f5f7;opacity:.7}.servercard:hover{text-decoration:none;box-shadow:0 4px 16px #18293b18}.servermetrics{display:grid;gap:5px;color:#596a7b;font-size:12px;margin-bottom:18px}.servercard strong{font-size:17px}.small{font-size:12px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filters label{flex:1;min-width:130px}.filters button{margin-bottom:18px}.filters input,.filters select{width:100%}textarea{font:inherit;padding:12px;border:1px solid #cdd8e6;border-radius:8px;width:100%}.check{display:flex;flex-direction:row;align-items:center;gap:10px}.check input{width:auto}.pager{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:22px}tr.internal{background:#e7f5ff}tr.free{background:#fff5f5}tr.cancelled{background:#252b34;color:#fff}tr.cancelled a{color:#b8ddff}td small{display:block;color:#75849a}.formgrid label{min-width:0}.formgrid input,.formgrid select{width:100%}@media(max-width:900px){.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.four{grid-template-columns:1fr}.sectionhead{align-items:flex-start;flex-wrap:wrap}}

.dup-heading,.dup-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.dup-actions{justify-content:flex-start;margin-top:18px}.dup-actions form{display:inline-flex}.dup-heading h2{margin:0 0 12px}.notice.error{border-left:4px solid #b42318}

/* Lovable-Referenz: kompakte Serverdetails und Kundenliste */
.lv-pagehead{padding:34px 0 24px}.lv-pagehead h1{font-size:26px}.lv-panel{padding:24px}.lv-formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.lv-formgrid label{margin-bottom:16px}.lv-formgrid input,.lv-formgrid select{padding:9px 11px}.lv-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lv-tools .btn,.lv-tools button{padding:9px 12px;font-size:13px}.lv-sectionhead{align-items:center;flex-wrap:wrap}.lv-count{font-size:13px;color:#64748b;background:#eff3f8;border-radius:99px;padding:4px 9px}.lv-search input{width:100%;margin:3px 0 14px;padding:10px 13px}.lv-table{font-size:12px}.lv-table th,.lv-table td{padding:10px 8px}.lv-table th{white-space:nowrap}.lv-table td a{overflow-wrap:anywhere}.lv-num{text-align:right;white-space:nowrap}.lv-inline-form{display:flex;justify-content:flex-end;align-items:center;gap:3px}.lv-inline-form input{width:90px;max-width:90px;padding:6px 5px;text-align:right;font-size:12px;border-color:transparent;background:transparent}.lv-inline-form:hover input,.lv-inline-form input:focus{border-color:#cdd8e6;background:#fff}.lv-tiny{padding:5px 7px!important;font-size:11px;background:#e8eff7;color:#38597c}.lv-actions{display:flex;gap:4px}.lv-actions .btn,.lv-actions button{font-size:14px;padding:4px 9px}.lv-actions form{display:inline}.lv-table tfoot{background:#f3f5f9}.lv-table tr[hidden]{display:none!important}.lv-cancel-badge{background:#bd2533;color:white!important;border-radius:4px;padding:3px 6px;margin-top:5px;width:fit-content}.lv-archive{margin-top:20px;border-top:1px solid #e5eaf1;padding-top:18px}.lv-archive summary{cursor:pointer;font-weight:650}.lv-archive .tablewrap{margin-top:14px}.lv-help{font-size:12px;color:#7b899b;align-self:center;padding-bottom:14px}tr.cancelled{background:#090909!important;color:white}tr.cancelled .lv-inline-form input{color:white}tr.cancelled .lv-inline-form input:focus{color:#17253b}tr.cancelled a{color:#e6f0ff}@media(max-width:820px){.lv-formgrid{grid-template-columns:1fr}.lv-panel{padding:16px}.lv-tools{width:100%}}

/* Dashboard: Lovable-inspirierte vertikale Serverliste */
.lv-company-list{background:#fff;border:1px solid #dce2ea;border-radius:14px;margin:0 0 22px;overflow:hidden}
.lv-company-header{background:#f8f9fb;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lv-company-identity{display:flex;align-items:center;gap:12px}.lv-company-identity h2{font-size:17px;margin:0 0 2px;color:#101828}.lv-company-cost{font-size:13px;color:#54627a}
.lv-company-icon{display:grid;place-items:center;background:#e5edff;color:#235fd1;border-radius:12px;width:42px;height:42px;font-size:23px}
.lv-company-controls,.lv-server-controls{display:flex;align-items:center;gap:14px}.lv-icon-btn{display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:#162033;width:26px;height:30px}.lv-icon-btn:hover{text-decoration:none;color:#275fcf}
.lv-state,.lv-row-state{display:grid;place-items:center;background:#2463d4;color:#fff;font-size:12px;font-weight:800;border-radius:50%;width:17px;height:17px}
.lv-server-list{padding:16px 23px 22px;display:grid;gap:8px}.lv-server-row{border:1px solid #bbf0cb;background:#effcf3;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;min-height:65px;color:#106c35}
.lv-server-row.lv-unprofitable{background:#fceaea;border-color:#ffbbbb;color:#b4232d}.lv-server-row.lv-disabled{background:#f2f3f5;border-color:#dadde2;color:#6c7689}
.lv-server-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;color:inherit}.lv-server-main:hover{text-decoration:none;color:inherit}.lv-server-symbol{width:16px;font-size:19px;flex-shrink:0}
.lv-server-info{display:flex;flex-direction:column;min-width:0;gap:1px}.lv-server-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.4}.lv-server-title strong{font-size:14px;font-weight:500}.lv-server-count{border-radius:99px;background:#08a247;color:white;font-size:12px;font-weight:750;min-width:22px;text-align:center;padding:1px 7px}.lv-unprofitable .lv-server-count{background:#df2727}.lv-disabled .lv-server-count{background:#94a3b8}
.lv-profit-pill,.lv-cancelled-pill{display:inline-block;padding:2px 9px;border-radius:6px;background:#08a247;color:white;font-size:12px;font-weight:750;line-height:1.4}.lv-pill-red{background:#d42530}.lv-cancelled-pill{background:#080808}.lv-server-meta,.lv-server-note{color:#536882;font-size:12px}.lv-server-meta span{margin-left:10px}.lv-server-note{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:650px}.lv-server-price{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#111827;white-space:nowrap;min-width:105px;text-align:right}.lv-has-picture{color:#2864df;font-size:18px}
@media(max-width:760px){.lv-company-header{padding:15px}.lv-server-list{padding:12px}.lv-server-row{padding:12px;align-items:flex-start}.lv-server-controls{gap:6px;flex-wrap:wrap;justify-content:end}.lv-server-price{min-width:0}.lv-server-title{gap:5px}.lv-server-note{max-width:190px}}

.lv-company-add{padding:0 23px 22px}.lv-add-server-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:0;background:#34c397;color:#fff;border:1px solid #28b286;font-weight:500}.lv-add-server-btn:hover{background:#29b38a}.lv-add-server-btn:focus{outline:2px solid #8fe2c8;outline-offset:2px}
.lv-modal[hidden]{display:none!important}.modal-open{overflow:hidden}.lv-modal{position:fixed;inset:0;z-index:999}.lv-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.lv-modal-dialog{position:relative;z-index:1;max-width:680px;margin:48px auto;background:#fff;border-radius:14px;box-shadow:0 22px 65px rgba(0,0,0,.25);padding:24px 24px 22px}.lv-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.lv-modal-header h2{margin:0 0 4px;font-size:20px}.lv-modal-close{background:transparent;color:#475467;border:none;padding:2px 6px;font-size:28px;line-height:1}.lv-modal-close:hover{background:transparent;color:#111827}.lv-modal-form label{margin-bottom:14px}.lv-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.lv-span-2{grid-column:1 / -1}.lv-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.lv-modal-actions .secondary{background:#f0f2f6}.lv-modal-actions .secondary:hover{background:#e2e8f0}@media(max-width:760px){.lv-company-add{padding:0 12px 12px}.lv-modal-dialog{margin:18px;padding:18px}.lv-modal-grid{grid-template-columns:1fr}}

.lv-image-upload{margin:14px 0 20px}.lv-image-upload label{max-width:560px}.lv-upload-preview{display:block;max-width:360px;width:100%;max-height:220px;object-fit:contain;border:1px solid #d9e0ea;border-radius:9px;padding:8px;margin:10px 0}.lv-cost-conversion{font-size:12px;color:#697588;margin-top:-10px;margin-bottom:12px}

#lv-create-error[hidden]{display:none!important}.lv-company-list{scroll-margin-top:20px}.lv-modal-dialog{max-height:calc(100vh - 48px);overflow-y:auto}

/* 0.4.7: Popup funktioniert ohne JavaScript, Speichern via normales PHP-Formular. */
.lv-add-server-btn{text-decoration:none!important}.lv-anchor-modal{display:none;position:fixed;inset:0;z-index:999}.lv-anchor-modal:target{display:block}.lv-anchor-modal .lv-modal-dialog{max-height:calc(100dvh - 40px);overflow-y:auto;margin:20px auto}.lv-anchor-modal .lv-modal-close{text-decoration:none;background:transparent;font-size:28px;padding:0 8px}.lv-anchor-modal .lv-modal-close:hover{background:transparent}.lv-anchor-modal .lv-modal-backdrop{display:block}.lv-company-list{scroll-margin-top:20px}.lv-cost-explanation{font-weight:400;color:#64748b}
@media(max-width:740px){.lv-anchor-modal .lv-modal-dialog{margin:10px;max-height:calc(100dvh - 20px)}}

/* Kopfzeile, globale Livesuche und Server löschen */
.headinner{gap:16px;max-width:1380px}.header nav{gap:14px;flex-wrap:nowrap;white-space:nowrap}.header nav a{font-size:13px}.brand{flex-shrink:0;font-size:16px}.global-live-search{position:relative;min-width:175px;flex:1;max-width:330px}.global-live-search input{width:100%;padding:9px 12px 9px 33px;background:#f7f8fa;border:1px solid #dbe2ea;border-radius:10px;font-size:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center}.global-search-results{position:absolute;z-index:300;top:calc(100% + 5px);left:0;right:0;min-width:270px;max-height:390px;overflow:auto;background:#fff;border:1px solid #dbe2ea;border-radius:10px;box-shadow:0 12px 22px #18283f24}.global-search-results[hidden]{display:none}.global-search-item{display:flex;flex-direction:column;gap:1px;padding:10px 13px;border-bottom:1px solid #eff1f5;color:#17253b}.global-search-item:hover,.global-search-item:focus{background:#e9f7f2;text-decoration:none}.global-search-item strong{font-size:13px}.global-search-item small{color:#65758a;font-size:11px}.global-search-empty{padding:12px;color:#64748b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.lv-delete-server{display:inline;margin:0}.lv-delete-icon{background:transparent;color:#e11d48;border:0;padding:2px 5px;font-size:20px;line-height:1;cursor:pointer}.lv-delete-icon:hover{background:#ffe2e7;color:#b91c1c}@media(max-width:1050px){.headinner{flex-wrap:wrap}.global-live-search{order:3;min-width:100%;max-width:none}.header nav{margin-left:auto;gap:10px}}@media(max-width:650px){.header nav{white-space:normal;flex-wrap:wrap}.global-search-results{min-width:0}}

/* 0.4.9: Original-Lovable-Icons */
.lv-icon-btn svg,.lv-delete-icon svg{width:17px;height:17px;display:block}.lv-delete-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:30px}.lv-actions a svg{width:16px;height:16px}.lv-icon-btn{font-size:initial}.lv-delete-icon{font-size:initial}

/* Lovable-Kundenfilter */
.lv-customer-filter-panel{padding:20px 16px 14px;margin-bottom:16px}.lv-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lv-filter-grid label{margin:0;gap:5px;font-size:12px;font-weight:500;color:#182337}.lv-filter-grid input,.lv-filter-grid select{width:100%;background:#f7f8fa;padding:9px 12px;min-height:40px}.lv-range{display:flex;gap:7px}.lv-range input{width:50%;min-width:0}.lv-archive-filter{margin:14px 0 12px}.lv-archive-filter label{margin:0}.lv-filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e5e7eb;padding-top:11px;flex-wrap:wrap}.lv-filter-summary{font-size:13px}.lv-filter-actions{display:flex;gap:8px}.lv-customers-results{padding:0;overflow:hidden}.lv-customers-results .tablewrap{overflow-x:auto}.lv-customers-results table{min-width:950px}.lv-customers-results td,.lv-customers-results th{padding:15px 13px}.lv-truncate{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv-has-picture svg{display:block}@media(max-width:950px){.lv-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.lv-filter-grid{grid-template-columns:1fr}.lv-filter-bottom{align-items:stretch;flex-direction:column}}

/* v0.5.1: Lovable Bildvorschau und gut sichtbare Aktions-Icons */
.lv-picture-trigger{border:0;background:none;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.lv-picture-trigger:hover{background:#dbeafe;border-radius:5px}.lv-image-modal[hidden]{display:none!important}.lv-image-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.lv-image-shade{position:absolute;inset:0;background:rgba(0,0,0,.8)}.lv-image-dialog{position:relative;background:#f8f9fc;color:#111827;border-radius:13px;width:min(520px,100%);max-height:92vh;padding:24px;display:flex;flex-direction:column}.lv-image-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.lv-image-head h2{margin:0;font-size:18px}.lv-image-close{background:transparent;color:#566173;padding:0 6px;font-size:26px}.lv-image-close:hover{background:transparent;color:#111}.lv-image-dialog img{display:block;max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain;margin:auto;border-radius:7px}.lv-image-open{overflow:hidden}
.lv-actions .btn,.lv-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px}.lv-actions svg{display:block;flex-shrink:0}.lv-table tr.cancelled .lv-actions .btn,.lv-table tr.cancelled .lv-actions button{background:transparent!important;border:0!important;color:#fff!important}.lv-table tr.cancelled .lv-actions .btn svg,.lv-table tr.cancelled .lv-actions button svg{stroke:#fff!important}.lv-table tr.cancelled .lv-actions .btn:hover,.lv-table tr.cancelled .lv-actions button:hover{background:#303030!important}.lv-archive-button svg{stroke:currentColor}