:root{--ink:#18252b;--muted:#718087;--line:#e4e9e7;--paper:#f7f9f7;--card:#fff;--accent:#df6c43;--green:#2c8768;--shadow:0 16px 45px rgba(22,45,39,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}header{min-height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 6%;gap:30px}.brand{color:var(--ink);text-decoration:none;font-weight:800;display:flex;align-items:center;gap:10px}.brand b{background:var(--accent);color:#fff;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.brand+nav{margin-left:auto;display:flex;gap:22px}.brand+nav a{color:var(--muted);text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:55px 24px 90px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;margin-bottom:100px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--accent);margin-bottom:11px}h1{font:600 clamp(34px,5vw,60px)/1.05 Georgia,serif;margin:0 0 15px}h2{font-size:20px;margin:0 0 20px}h3{margin:12px 0;font-size:20px}.lead{font-size:18px;color:var(--muted);max-width:620px;margin:0 0 25px}.hero-card,.card,.price{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero-card{padding:30px;display:grid;gap:10px}.hero-card strong{font:600 30px Georgia,serif}.hero-card span:last-child{color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 90px}.price{padding:30px;position:relative}.price.featured{border:2px solid var(--accent)}.price>strong{display:block;font-size:32px;margin:18px 0}.price small{font-size:14px;color:var(--muted);font-weight:400}.price p,.price li{color:var(--muted)}.price ul{padding-left:20px;min-height:105px}.button{border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:750;padding:12px 17px;cursor:pointer;text-decoration:none;display:inline-block}.button.secondary{background:var(--ink)}.full{width:100%}.pill{display:inline-block;border-radius:99px;padding:6px 11px;background:#edf2f0;color:var(--muted);font-size:12px;font-weight:750}.pill.premium{background:#e3f3ec;color:var(--green)}.pill.basic{background:#fff0e8;color:#a34d2b}.cta{background:#193b36;color:#fff;padding:40px;border-radius:20px}.cta h2{font:600 32px Georgia,serif}.cta p{color:#c3d3ce}.pagehead{display:flex;justify-content:space-between;margin-bottom:32px}.muted{color:var(--muted)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1fr 1fr}.card{padding:26px}label{display:block;font-size:13px;font-weight:650;margin-bottom:15px}input,select,textarea{width:100%;font:inherit;margin-top:6px;padding:11px 12px;border:1px solid #d7e0dc;border-radius:9px;background:#fff}.auth{max-width:480px;margin:20px auto;padding:38px}.auth h1{font-size:40px}.auth form{margin-top:25px}.error{background:#fff0ed;color:#a2392b;padding:10px;border-radius:8px;margin:15px 0}.hint{font-size:12px;color:var(--muted)}.license{padding:15px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.license code{display:block;margin-top:8px;color:var(--accent);font-size:12px}.license small,.listrow small{display:block;color:var(--muted);margin-top:3px}.tickets{margin-top:20px}.listrow{display:flex;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.listrow>div{flex:1}footer{text-align:center;color:#9aa7a3;padding:25px;font-size:12px}@media(max-width:760px){.hero,.plans,.grid.two{grid-template-columns:1fr}.wrap{padding-top:32px}header{padding:16px 20px;flex-wrap:wrap}header nav{width:100%;overflow:auto;order:3}.hero{margin-bottom:60px}}

/* TekBASE-inspired customer portal overview: same information architecture, WerkstattSuite identity. */
body{background:#f3f7fb;color:#172b4d}body>header{min-height:72px;background:#123d73;border-bottom:0;padding:0 max(24px,6%);box-shadow:0 2px 12px rgba(10,38,73,.12)}body>header .brand{color:#fff;letter-spacing:.01em}body>header .brand b{background:#f28b42;border-radius:8px}body>header .brand+nav a{color:#d8e6f7;font-size:14px}body>header .brand+nav a:hover{color:#fff}.wrap{max-width:1180px;padding-top:0}.portal-plans{margin-top:0}.portal-announce{margin:0 -24px 0;padding:10px 24px;background:#ec3f45;color:#fff;text-align:center;font-size:13px;letter-spacing:.01em}.portal-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:60px;align-items:center;padding:76px 0 64px}.portal-intro-copy h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(44px,6vw,74px);font-weight:800;letter-spacing:-.055em;color:#173c70;margin-bottom:9px}.portal-subtitle{font-size:23px;line-height:1.25;font-weight:650;color:#294e78;margin:0 0 18px;max-width:610px}.portal-intro-copy .lead{font-size:16px;line-height:1.7;color:#61748c}.portal-intro-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:25px 0 27px}.text-link{color:#174e8a;font-weight:750;text-decoration:none}.text-link:hover,.portal-intro-links a:hover{color:#f05b4f}.portal-intro-links{display:flex;gap:25px;flex-wrap:wrap}.portal-intro-links a{color:#54718e;text-decoration:none;font-size:13px;font-weight:700}.portal-preview{background:#fff;border:1px solid #d9e6f2;border-radius:15px;box-shadow:0 24px 55px rgba(30,72,114,.17);padding:19px 20px 16px;transform:rotate(1deg)}.preview-top,.preview-heading,.preview-table,.preview-bottom{display:flex;align-items:center;justify-content:space-between}.preview-top{border-bottom:1px solid #edf2f7;padding-bottom:16px}.preview-logo{color:#194a86;font-weight:800;font-size:13px}.preview-logo b{display:inline-grid;place-items:center;background:#f28b42;color:#fff;width:22px;height:22px;border-radius:6px;margin-right:5px}.preview-status{font-size:10px;color:#32906b;font-weight:750}.preview-status i{display:inline-block;width:7px;height:7px;background:#49b984;border-radius:50%;margin-right:5px}.preview-heading{padding:22px 0 15px;align-items:flex-end}.preview-heading small,.preview-stats small{display:block;color:#8ea2b7;font-size:9px;letter-spacing:.09em;font-weight:800}.preview-heading strong{display:block;color:#1a3f70;font-size:18px;margin-top:4px}.preview-date{font-size:10px;font-weight:800;color:#7f97ae}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.preview-stats>div{background:#f4f8fc;border-radius:9px;padding:11px 10px}.preview-stats strong{display:block;color:#1b467b;font-size:21px;margin-top:3px}.preview-stats strong em{font-style:normal;color:#9aabba;font-size:12px}.preview-stats span{font-size:9px;color:#8aa0b5}.preview-stats .ok{color:#32906b}.preview-table{border-top:1px solid #edf2f7;padding:12px 0;gap:10px}.preview-table>div{min-width:0}.preview-table strong{display:block;color:#365b7e;font-size:11px}.preview-table small{display:block;color:#8ba0b2;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lift-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.lift-dot.busy{background:#f28b42}.lift-dot.free{background:#49b984}.preview-time,.preview-free{font-size:10px;font-weight:750;color:#778fa8;white-space:nowrap}.preview-free{color:#33916d}.preview-bottom{border-top:1px solid #edf2f7;padding-top:13px;color:#5d7a96;font-size:9px;font-weight:700}.portal-feature-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:20px 0 65px}.portal-feature-nav a{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #dce8f2;border-radius:11px;padding:15px 14px;color:#315c83;text-decoration:none;font-size:12px;font-weight:750;transition:.2s}.portal-feature-nav a:hover{border-color:#f28b42;transform:translateY(-2px)}.portal-feature-nav span{font-size:10px;color:#f28b42}.portal-copy-section{border-top:1px solid #dbe6ef;border-bottom:1px solid #dbe6ef;padding:55px 0;display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:65px}.portal-copy-section h2{font-size:32px;color:#173c70;line-height:1.15}.portal-copy-section p{margin:0;color:#61748c;line-height:1.75}.portal-modules{margin-bottom:65px}.portal-modules .card{border-color:#d9e6f2;box-shadow:0 12px 32px rgba(30,72,114,.08)}.portal-modules h2{color:#173c70;font-size:29px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.module-grid strong{color:#29557f}.module-grid strong small{color:#f05b4f;font-size:13px;margin-left:8px}.module-grid p{color:#61748c;line-height:1.7;margin-bottom:0}.portal-system-note{display:flex;justify-content:space-between;align-items:center;gap:35px;background:#123d73;color:#fff;padding:38px 42px;border-radius:14px;margin-bottom:35px}.portal-system-note h2{font-size:28px;margin-bottom:10px}.portal-system-note p{color:#d8e6f7;line-height:1.7;max-width:730px;margin:0}.portal-system-note .eyebrow{color:#ffb07c}.portal-system-note .button.secondary{background:#f28b42}.portal-plans #preise .plans{margin-bottom:55px}.portal-plans #preise h2{color:#173c70;font-size:30px}.portal-plans #preise .price{border-color:#d9e6f2;box-shadow:0 12px 32px rgba(30,72,114,.08)}.portal-plans #preise .price.featured{border-color:#f28b42}.portal-plans #preise .price h3{color:#173c70}.portal-plans #preise .price>strong{color:#174e8a}.portal-plans #preise .price .button{background:#174e8a}.portal-plans #preise .price.featured .button{background:#f05b4f}.portal-plans #preise .price p,.portal-plans #preise .price li{color:#61748c}
@media(max-width:900px){.portal-intro{grid-template-columns:1fr;gap:30px;padding-top:55px}.portal-preview{max-width:650px;width:100%;justify-self:center}.portal-feature-nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.portal-feature-nav,.module-grid,.portal-copy-section{grid-template-columns:1fr}.portal-intro{padding-top:42px}.portal-intro-copy h1{font-size:49px}.portal-subtitle{font-size:19px}.portal-system-note{padding:28px 24px;display:block}.portal-system-note .button{margin-top:24px}.portal-announce span{display:none}.preview-stats strong{font-size:17px}.preview-bottom{gap:8px}.preview-bottom span{font-size:8px}}

/* Customer account area */
.customer-dashboard{padding-bottom:20px}.customer-pagehead{align-items:flex-end;padding-top:54px;margin-bottom:30px}.customer-pagehead h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(35px,5vw,54px);font-weight:800;letter-spacing:-.045em;color:#173c70}.customer-pagehead .muted{font-size:16px}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.dashboard-actions .button{font-size:13px;padding:10px 13px}.customer-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.customer-kpis>div{background:#fff;border:1px solid #d9e6f2;border-radius:12px;padding:17px 18px;box-shadow:0 8px 22px rgba(30,72,114,.06)}.customer-kpis small{display:block;color:#8ba0b5;font-size:9px;letter-spacing:.1em;font-weight:800}.customer-kpis strong{display:block;color:#1b467b;font-size:25px;margin:4px 0 1px}.customer-kpis span{color:#7189a0;font-size:11px}.customer-main-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;margin-bottom:20px}.second-row{align-items:start}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.section-title h2{color:#173c70;font-size:24px;margin-bottom:0}.small-copy{font-size:12px;margin:7px 0 20px}.data-lock{color:#32906b;font-size:11px;font-weight:750;white-space:nowrap;padding-top:4px}.invoice-count{background:#edf4fb;color:#557591;font-size:11px;padding:6px 9px;border-radius:99px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid label{font-size:12px}.form-grid .span-2{grid-column:span 2}.form-grid input{font-size:13px}.form-grid label small{display:block;color:#8da0b2;font-size:10px;font-weight:400;margin-top:4px}.optional{font-weight:400;color:#8da0b2}.customer-profile form>.button{margin-top:4px}.invoice-list-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;border-top:1px solid #e7eef5;padding:14px 0}.invoice-icon{display:grid;place-items:center;width:28px;height:32px;border-radius:7px;background:#eaf2fa;color:#3272aa;font-weight:800}.invoice-info{min-width:0}.invoice-info strong,.invoice-info small,.invoice-info span{display:block}.invoice-info strong{color:#315a80;font-size:12px}.invoice-info small{color:#7189a0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-info span{color:#9aabba;font-size:10px;margin-top:2px}.invoice-amount{text-align:right}.invoice-amount strong{display:block;color:#1b467b;font-size:13px}.invoice-status{display:inline-block;color:#e07835;background:#fff2e8;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:800;text-transform:uppercase}.invoice-status.paid{color:#32906b;background:#e7f7ef}.invoice-open{color:#174e8a;font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}.invoice-open:hover{color:#f05b4f}.customer-licenses .license{padding:14px 0}.customer-licenses .hint{margin-bottom:0}.customer-support h2{color:#173c70;font-size:24px}.empty-state{border-top:1px solid #e7eef5;padding-top:18px;color:#8ca0b2;font-size:13px}.invoice-sheet{max-width:850px;margin:54px auto 0;background:#fff;border:1px solid #d9e6f2;border-radius:12px;padding:45px;box-shadow:0 16px 45px rgba(30,72,114,.09)}.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.invoice-toolbar .button{font-size:12px;background:#174e8a}.invoice-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #173c70;padding-bottom:25px}.invoice-brand>div:first-child{display:flex;align-items:center;gap:9px;color:#173c70;font-size:20px}.invoice-mark{display:grid;place-items:center;width:36px;height:36px;background:#f28b42;border-radius:9px;color:#fff;font-weight:800}.invoice-label{font-weight:800;letter-spacing:.12em;color:#f05b4f}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:35px 0}.invoice-meta small{display:block;color:#8ba0b5;font-size:9px;letter-spacing:.1em;font-weight:800;margin-bottom:9px}.invoice-meta strong,.invoice-meta span{display:block;color:#315a80;font-size:13px;line-height:1.7}.invoice-meta span{color:#7189a0}.invoice-table{border-top:1px solid #d9e6f2}.invoice-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #e7eef5;color:#315a80}.invoice-head{color:#8ba0b5;font-size:10px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.invoice-total{border-bottom:0;color:#173c70;font-size:16px;font-weight:800}.invoice-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d9e6f2;padding-top:22px;color:#7189a0;font-size:12px}.invoice-foot .invoice-status{vertical-align:middle;margin-left:4px}
@media(max-width:900px){.customer-kpis{grid-template-columns:repeat(2,1fr)}.customer-main-grid{grid-template-columns:1fr}.customer-pagehead{display:block}.dashboard-actions{margin-top:20px}}@media(max-width:600px){.customer-kpis{grid-template-columns:1fr 1fr}.customer-kpis>div{padding:13px}.customer-kpis strong{font-size:21px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.invoice-list-row{grid-template-columns:28px minmax(0,1fr) auto}.invoice-open{grid-column:2 / -1}.invoice-toolbar,.invoice-foot{display:block}.invoice-toolbar .button{margin-top:16px}.invoice-sheet{margin-top:30px;padding:25px 20px}.invoice-brand{align-items:flex-start}.invoice-label{font-size:12px}.invoice-meta{grid-template-columns:1fr;gap:20px;padding:25px 0}.invoice-row{font-size:12px}}

.license-detail{align-items:flex-start}.license-detail-main{flex:1;min-width:0}.license-length{display:inline-block;color:#8ba0b5;font-size:10px;font-weight:700;margin-left:8px;text-transform:uppercase;letter-spacing:.05em}.license-key-line{display:flex;align-items:center;gap:10px;margin-top:10px;min-width:0}.license-key-line code{flex:1;min-width:0;margin:0;background:#f3f7fb;border:1px solid #dce8f2;border-radius:8px;color:#174e8a;padding:11px 12px;font-size:11px;line-height:1.4;letter-spacing:.035em;overflow-wrap:anywhere}.copy-license{border:1px solid #c8dced;background:#fff;color:#174e8a;border-radius:8px;padding:9px 10px;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}.copy-license:hover{border-color:#f28b42;color:#f05b4f}.license-detail-status{text-align:right;white-space:nowrap}.license-detail-status small{display:block;color:#7189a0;margin-top:7px;font-size:10px}.license-status-chip{display:inline-block;border-radius:99px;padding:6px 9px;font-size:10px;background:#fff2e8;color:#b25b2d}.license-status-chip.active{background:#e7f7ef;color:#32906b}
@media(max-width:600px){.license-detail{display:block}.license-detail-status{text-align:left;margin-top:12px}.license-key-line{display:block}.license-key-line code{display:block;margin-bottom:8px}.copy-license{width:100%}}
.admin-license-card{margin-top:20px}.admin-license-row{align-items:center}.admin-key{flex:1;min-width:0}.admin-key strong{display:block;color:#174e8a;font:700 11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.admin-key small{display:block;color:#7189a0;font-size:10px;margin-top:4px}.reset-button{border:1px solid #f0b5a0;background:#fff7f4;color:#c55336;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.reset-button:hover{background:#f05b4f;color:#fff;border-color:#f05b4f}
.admin-create-card{margin-top:20px}.admin-create-card h2{color:#173c70}.admin-create-form{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px;align-items:end}.admin-create-form label{margin-bottom:0}.admin-create-form .button{margin-bottom:15px}.admin-create-form input,.admin-create-form select{font-size:13px}.admin-create-form .optional{font-weight:400;color:#8da0b2;font-size:10px}
@media(max-width:600px){.admin-license-row{display:block}.admin-license-row .license-status-chip,.admin-license-row .reset-button{display:inline-block;margin-top:10px}.admin-license-row form{display:inline-block;margin-left:8px}}
@media(max-width:900px){.admin-create-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.admin-create-form{grid-template-columns:1fr}.admin-create-form .button{margin-top:15px}}