:root{
  --bg:#f4f6f9;--panel:#fff;--ink:#111827;--muted:#68717d;--line:#e1e6ec;
  --purple:#47368f;--purple2:#2c235e;--green:#0f8a62;--red:#b42318;--amber:#a46b00;
  --sidebar:#0b1019;--sidebar2:#121826;--shadow:0 12px 36px rgba(19,26,39,.07)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}.o50-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}
.o50-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--sidebar),#0e1420);padding:18px 14px;overflow:auto;color:#d6dbe4}
.o50-brand{display:flex;gap:10px;align-items:center;text-decoration:none;padding:10px 9px 20px}.o50-brand .mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #59647a;border-radius:10px;font-weight:900;color:#fff}.o50-brand b,.o50-brand small{display:block}.o50-brand b{font-size:11px}.o50-brand small{font-size:8px;letter-spacing:.18em;color:#7f899c;margin-top:2px}
.o50-sidebar nav{display:grid;gap:4px}.o50-sidebar nav .group{font-size:8px;letter-spacing:.15em;font-weight:900;color:#657083;margin:14px 10px 5px}.o50-sidebar nav a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:9px 10px;border-radius:9px;color:#aeb7c6;font-size:11px}.o50-sidebar nav a:hover{background:#141c2b;color:#fff}.o50-sidebar nav a.active{background:#28213f;color:#fff;box-shadow:inset 3px 0 0 #765fda}.o50-sidebar nav a>span{flex:1}
.o50-main{min-width:0}.o50-topbar{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:90}
.o50-search{position:relative;display:flex;align-items:center;gap:8px;width:min(560px,55vw);background:#f3f5f7;border:1px solid #e0e4e9;border-radius:11px;padding:0 12px}.o50-search input{border:0;background:transparent;outline:0;height:39px;width:100%;font-size:11px}.o50-search>span{color:#727b87}.o50-search #o50SearchResults{display:none;position:absolute;left:0;right:0;top:45px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:6px;z-index:120}.o50-search #o50SearchResults.open{display:block}.o50-search #o50SearchResults a{display:block;text-decoration:none;padding:9px;border-radius:8px;font-size:11px}.o50-search #o50SearchResults a:hover{background:#f3f4f7}
.o50-top-actions{display:flex;align-items:center;gap:9px}.o50-help-btn,.o50-iconbtn{width:36px;height:36px;border:1px solid #dce1e7;border-radius:10px;background:#fff;display:grid;place-items:center;text-decoration:none;font-weight:900}.o50-user{text-align:right}.o50-user span,.o50-user small{display:block}.o50-user span{font-size:10px;font-weight:800}.o50-user small{font-size:8px;color:#747d89;margin-top:2px}
.o50-content{padding:28px 30px 90px;max-width:1580px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid #26303d;padding-bottom:17px;margin-bottom:18px}.page-head h1{font-size:34px;letter-spacing:-.045em;margin:5px 0 7px}.page-head p{margin:0;color:var(--muted);line-height:1.5;max-width:900px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.14em;color:#7161c8}.eyebrow.light{color:#d2cef0}.back{display:block;text-decoration:none;color:#737c88;font-size:11px;margin-bottom:9px}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:9px;padding:10px 14px;text-decoration:none;font:800 11px Arial;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--purple);color:#fff}.btn.secondary{background:#fff;border:1px solid #d9dee5;color:#252b34}.btn.danger{background:var(--red);color:#fff}.btn.bank{background:var(--green);color:#fff}.btn.white{background:#fff;color:#211a4c}.btn.glass{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.22)}.btn.large{padding:13px 18px;font-size:12px}.btn.wide,.wide{width:100%}.btn:disabled{opacity:.48;cursor:not-allowed}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:0 8px 28px rgba(18,27,40,.045);margin-bottom:14px}.panel.narrow{max-width:720px}.panel.sticky{position:sticky;top:90px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h2{font-size:18px;margin:3px 0 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack{display:grid;gap:14px;align-content:start}.muted{font-size:10.5px;color:var(--muted);line-height:1.55}.info-strip{background:#f6f5fb;border-left:4px solid var(--purple);border-radius:10px;padding:13px;font-size:11px;line-height:1.5}
.form-stack{display:grid;gap:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1/-1}.form-stack label,.form-grid label,.field-label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#5d6671}.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.field-label input,.field-label select,.field-label textarea{width:100%;border:1px solid #d6dce3;background:#fff;border-radius:9px;padding:10px 11px;font:inherit;color:#131820;outline:0}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#8172cc;box-shadow:0 0 0 3px rgba(71,54,143,.09)}.check{display:flex!important;align-items:center!important;gap:8px!important}.check input{width:auto!important}.form-stack small{font-weight:400;color:#7b8490}
.table-wrap{overflow:auto;border:1px solid #e3e7eb;border-radius:11px}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th{background:#f7f8fa;text-align:left;padding:9px 10px;font-size:8.4px;text-transform:uppercase;letter-spacing:.08em;color:#727b87}.table-wrap td{padding:11px 10px;border-top:1px solid #edf0f3;font-size:11px;vertical-align:top}.table-wrap .num{text-align:right}.table-wrap tr.clickable{cursor:pointer}.table-wrap tr.clickable:hover{background:#fafafd}.empty-cell{text-align:center!important;padding:28px!important;color:#7b8490}.link{color:var(--purple);font-weight:800;text-decoration:none;font-size:10.5px}
.status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#edf0f4;color:#646d78;font-size:8.5px;font-weight:900;letter-spacing:.04em}.status-pill.ok{background:#e4f6ee;color:#0d704b}.status-pill.danger{background:#fde9e7;color:#a41f18}
.alert{border-radius:10px;padding:11px 12px;font-size:10.5px;line-height:1.5;margin:10px 0}.alert.danger{background:#fde9e7;color:#92241d}.alert.warning{background:#fff5d9;color:#805500}.alert.success{background:#e5f6ee;color:#0b6e49}
.empty-state{padding:30px;text-align:center;color:#7b8490}.empty-state b,.empty-state span{display:block}.empty-state b{color:#303743;margin-bottom:5px}.empty-state.compact{padding:18px}
.o50-clock{position:fixed;right:22px;bottom:20px;z-index:100;background:#101827;color:#fff;border-radius:13px;padding:10px 14px;min-width:165px;box-shadow:0 15px 40px rgba(0,0,0,.22);display:none}.o50-clock.show{display:block}.o50-clock b,.o50-clock span,.o50-clock small{display:block}.o50-clock b{font-size:10px}.o50-clock span{font-size:12px;font-weight:900;margin-top:2px}.o50-clock small{font-size:8.5px;color:#b8c0ce;margin-top:2px}.o50-toast{position:fixed;right:22px;top:84px;z-index:200;background:#111827;color:#fff;padding:10px 13px;border-radius:10px;font-size:10px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.o50-toast.show{opacity:1;transform:none}

.o50-login{background:#0a0f18;display:grid;place-items:center;min-height:100vh}.login-wrap{width:min(980px,92vw);display:grid;grid-template-columns:1fr 430px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.35)}.login-brand{background:linear-gradient(135deg,#101827,#34266f);color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:flex-end}.login-brand>span{font-size:56px;font-weight:900;letter-spacing:-.08em}.login-brand h1{font-size:28px;margin:8px 0}.login-brand p{color:#b9c0cf}.login-card{padding:48px}.login-card h2{font-size:28px;margin:7px 0}.login-card>p{font-size:11px;color:#6d7580;line-height:1.5;margin-bottom:24px}

.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.time-card{min-height:300px}.time-card.accent-blue{border-top:4px solid #174267}.time-card.accent-purple{border-top:4px solid var(--purple)}.big-clock{font-size:52px;font-weight:900;letter-spacing:-.05em;margin:24px 0 7px}.big-clock.smaller{font-size:39px}.time-card h3{margin:4px 0}.time-card p{font-size:11px;color:#626b77}

.finance-hero,.bank-hero{background:linear-gradient(120deg,#101827,#2b225f 65%,#4a3791);color:#fff;border-radius:22px;padding:30px 31px;margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;box-shadow:0 24px 58px rgba(16,23,39,.15)}.bank-hero{background:linear-gradient(120deg,#071813,#0e3b2f 55%,#0c8a61)}.finance-hero h1,.bank-hero h1{font-size:34px;margin:5px 0 7px;letter-spacing:-.04em}.finance-hero p,.bank-hero p{margin:0;color:#d8dce5;max-width:850px}.connection{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900}.connection.ok{background:#0d8a62}.demo-banner{background:#fff3ca;color:#765500;border:1px solid #edd98e;border-radius:11px;padding:10px 13px;font-size:9.5px;font-weight:800;margin-bottom:13px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.kpi-grid span{font-size:8px;letter-spacing:.08em;font-weight:900;color:#78818d}.kpi-grid b{display:block;font-size:22px;margin-top:7px}.finance-nav{display:flex;gap:5px;background:#e9edf2;padding:5px;border-radius:11px;margin-bottom:14px;overflow:auto}.finance-nav a{text-decoration:none;white-space:nowrap;padding:8px 10px;border-radius:7px;font-size:10px;font-weight:800;color:#56606c}.finance-nav a:hover{background:#fff;color:var(--purple)}
.step-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.step-flow>div{background:#f5f6f8;border-radius:10px;padding:11px;display:grid;grid-template-columns:29px 1fr;gap:2px 8px}.step-flow i{grid-row:1/3;width:27px;height:27px;background:#e7e4f5;color:var(--purple);border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900}.step-flow b{font-size:10px}.step-flow small{font-size:8.5px;color:#747d88}
.invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:14px}.amount{font-size:38px;font-weight:900;letter-spacing:-.04em;margin:10px 0 14px}.totals{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:12px}.totals>div{display:flex;justify-content:space-between;font-size:10px}.payment-box{display:grid;gap:4px;background:#f5f7f9;border-radius:10px;padding:12px;font-size:10px;margin-top:14px}.tag{display:inline-flex;margin-left:7px;padding:3px 5px;border-radius:5px;font-size:7.5px;font-weight:900}.tag.auto{background:#e4f6ee;color:#0e724c}.icon-danger{border:0;background:#fde9e7;color:#9a211a;border-radius:6px;width:25px;height:25px;cursor:pointer}.inline-add{display:grid;grid-template-columns:minmax(220px,1fr) 90px 90px 110px auto;gap:7px;margin-top:10px}.inline-add input{min-width:0;border:1px solid #d7dce3;border-radius:8px;padding:8px;font-size:10px}.check-result{margin-top:10px;border-left:4px solid #9aa2ad;background:#f7f8fa;padding:10px;border-radius:8px}.check-result.ok{border-left-color:var(--green)}.check-result.warn{border-left-color:var(--amber)}.check-result.error{border-left-color:var(--red)}.check-result b,.check-result small{display:block}.check-result small{font-size:8px;color:#7a838f}.check-result p{font-size:9px;white-space:pre-wrap}
.ocr-box{white-space:pre-wrap;background:#111827;color:#e5eaf1;padding:15px;border-radius:11px;max-height:520px;overflow:auto;font:10px/1.5 Consolas,monospace}.list-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f3;font-size:10.5px}
.twofa-setup{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.twofa-setup img{width:220px;height:220px;border:1px solid var(--line);border-radius:13px;padding:10px}.recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.recovery-grid code{background:#111827;color:#fff;padding:9px;border-radius:7px;text-align:center}.unlock-card{max-width:520px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow);text-align:center}.lock-symbol{font-size:45px;color:var(--purple)}.file-list{display:grid;gap:8px}.file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:11px}.file-row b,.file-row small{display:block}.file-row small{font-size:8.5px;color:#7a838e;margin-top:3px}.upload-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.check-grid.big{grid-template-columns:repeat(3,1fr)}.check-grid article{background:#fff;border:1px solid var(--line);border-left:4px solid #9aa2ad;border-radius:10px;padding:12px}.check-grid article.ok{border-left-color:var(--green)}.check-grid article.warn{border-left-color:var(--amber)}.check-grid article.error{border-left-color:var(--red)}.check-grid b,.check-grid span{display:block}.check-grid b{font-size:10.5px}.check-grid span{font-size:9px;color:#6d7682;margin-top:4px;line-height:1.4}.demo-control p{max-width:1000px;font-size:10.5px;line-height:1.55;color:#5f6874}.demo-control small{display:block;color:#7d8691;margin-top:9px}

.calendar-shell{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 28px rgba(18,27,40,.04)}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays>div{padding:10px;border-right:1px solid #edf0f3;background:#f7f8fa;font-size:8px;font-weight:900;color:#707a86;text-align:center}.calendar-day{min-height:132px;border-top:1px solid #edf0f3;border-right:1px solid #edf0f3;padding:8px}.calendar-day.outside{background:#fafbfc;color:#a2a9b2}.calendar-day .date{font-size:10px;font-weight:900;margin-bottom:6px}.cal-event{display:block;text-decoration:none;padding:5px 6px;border-radius:7px;background:#eeeafb;border-left:3px solid #5947b5;margin-bottom:4px;font-size:8.5px;color:#251d50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event.cancelled{background:#fde6e4;border-left-color:var(--red);color:#8d1f18}.cal-event.cancelled:before{content:"ABGESAGT · ";font-weight:900}.month-label{font-size:12px}

.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.sticker-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 8px 28px rgba(18,27,40,.04)}.sticker-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.sticker-mini{aspect-ratio:1.4;background:#f2f4f7;border-radius:10px;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.sticker-mini span{font-size:8px;color:#6d7681}.sticker-mini b{font-size:15px}.sticker-card p{font-size:9.5px;color:#6d7681}
.sticker-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.sticker-workspace{min-height:620px}.ruler-note{font-size:9px;color:#6e7783;margin-bottom:10px}.sticker-sheet{position:relative;width:min(760px,100%);margin:auto;background:#fff;border:1px solid #ccd2da;box-shadow:0 20px 55px rgba(20,27,40,.15);overflow:hidden}.sticker-sheet.address-stock{display:grid}.sticker-sheet.free-stock{display:block}.sticker-sheet.free-stock .sticker-printable{position:absolute;inset:0}.fold-zone{background:repeating-linear-gradient(45deg,#f5f6f8,#f5f6f8 7px,#fafbfc 7px,#fafbfc 14px);position:relative}.fold-zone:after{content:"KNICKFELD · NICHT BEDRUCKEN";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:7px;font-weight:900;color:#b4bac2}.sticker-printable{position:relative;background:#fff;min-height:0}.st-el{position:absolute;cursor:move;overflow:hidden;white-space:pre-wrap;user-select:none}.st-el.selected{outline:2px solid #7664cf;outline-offset:2px}.st-el.box{cursor:move}.st-el.watermark img{width:100%;height:100%;object-fit:contain}
.help-search{width:min(400px,100%);border:1px solid #d7dce3;border-radius:10px;padding:10px 12px}.help-list{display:grid;gap:10px}.help-item{display:grid;grid-template-columns:42px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.help-item>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9e6f6;color:var(--purple);font-weight:900}.help-item h2{font-size:16px;margin:0 0 5px}.help-item p{font-size:10.5px;line-height:1.5;color:#5f6873;margin:0}

@media(max-width:1100px){.o50-shell{grid-template-columns:82px minmax(0,1fr)}.o50-brand>span:not(.mark),.o50-sidebar nav a span,.o50-sidebar nav .group{display:none}.o50-sidebar nav a{justify-content:center;font-size:15px}.time-grid,.grid-2,.invoice-layout,.sticker-editor-layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.step-flow{grid-template-columns:1fr 1fr}.sticker-grid{grid-template-columns:1fr 1fr}.check-grid,.check-grid.big{grid-template-columns:1fr 1fr}.panel.sticky{position:static}}
@media(max-width:700px){.o50-shell{display:block}.o50-sidebar{position:fixed;left:0;right:0;top:auto;bottom:0;height:64px;z-index:130;padding:6px;background:#0b1019;overflow-x:auto}.o50-brand,.o50-sidebar nav .group,.o50-sidebar nav a:nth-of-type(n+7){display:none}.o50-sidebar nav{display:flex}.o50-sidebar nav a{min-width:54px;padding:10px}.o50-topbar{padding:0 12px}.o50-search{width:65vw}.o50-user{display:none}.o50-content{padding:18px 10px 90px}.page-head,.finance-hero,.bank-hero{display:block}.page-head .actions,.finance-hero .actions{margin-top:12px}.page-head h1,.finance-hero h1,.bank-hero h1{font-size:28px}.kpi-grid,.step-flow,.sticker-grid,.check-grid,.check-grid.big{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.inline-add{grid-template-columns:1fr 1fr}.inline-add input:first-child{grid-column:1/-1}.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.twofa-setup{grid-template-columns:1fr}.sticker-workspace{min-height:auto}.o50-clock{bottom:74px;right:10px}}

.doc-row,.contact-row{display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none;padding:11px 0;border-bottom:1px solid #edf0f3}.doc-row b,.doc-row small,.contact-row b,.contact-row small,.contact-row a,.contact-row span{display:block}.doc-row small,.contact-row small,.contact-row a,.contact-row span{font-size:9px;color:#747d89;margin-top:3px}.contact-row>div:last-child{text-align:right}.task-add{display:grid;grid-template-columns:minmax(250px,1fr) 190px 150px 120px auto;gap:8px}.task-add input,.task-add select{border:1px solid #d7dce3;border-radius:8px;padding:9px;font-size:10px}.task-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.task-board article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;justify-content:space-between;gap:10px;align-items:flex-end}.task-board article.done{opacity:.55}.task-board h3{font-size:13px;margin:7px 0 4px}.task-board p{font-size:9px;color:#737c87;margin:0}.client-hero{background:linear-gradient(120deg,#111827,#342873);color:#fff;border-radius:22px;padding:27px 29px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:end;gap:20px}.client-hero h1{font-size:34px;letter-spacing:-.04em;margin:5px 0 7px}.client-hero p{margin:0;color:#d5d9e2}.lightback{color:#c8cde0}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chapter-grid article{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-template-columns:1fr 54px;align-items:center;gap:5px}.chapter-grid img{width:54px;height:54px;grid-row:1/3;grid-column:2}.chapter-grid small{font-size:8px;color:#78818c}.editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:14px}.editor-layout textarea{resize:vertical}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:1100px){.task-board{grid-template-columns:1fr 1fr}.task-add{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.chapter-grid{grid-template-columns:1fr 1fr}.client-hero{display:block}.client-hero .actions{margin-top:12px}}
@media(max-width:700px){.task-board,.chapter-grid{grid-template-columns:1fr}.task-add{grid-template-columns:1fr}}

.sticker-tools{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}

.pdf51-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}
.pdf51-layout>aside{position:sticky;top:90px}.pdf51-pages{display:grid;gap:18px}.pdf51-pages section{background:#262a31;border-radius:12px;padding:12px}.pdf51-pages img{display:block;max-width:100%;height:auto;margin:auto;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.22)}.pdf51-page-no{color:#c7ced8;font-size:9px;font-weight:800;margin-bottom:8px}.search-hit{padding:8px;border-bottom:1px solid #e5e8ec;font-size:9px;line-height:1.35}.collab-editor{width:100%;min-height:62vh;border:1px solid #d7dce3;border-radius:12px;padding:18px;font:14px/1.6 Arial;resize:vertical}.collab-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:10px;color:#6e7783}.portal51{max-width:960px;margin:0 auto;padding:42px 18px}.portal51 header{padding:20px 0 24px}.portal51 h1{font-size:32px;margin:5px 0}.check-grid article strong{display:block;margin-top:8px;font-size:9px;letter-spacing:.08em}
@media(max-width:900px){.pdf51-layout{grid-template-columns:1fr}.pdf51-layout>aside{position:static}}

/* --- TTP Office 5.1.4: Login / genuine branding --- */
.ttp-login-page{background:
  radial-gradient(circle at 14% 16%,rgba(63,50,143,.16),transparent 28%),
  linear-gradient(135deg,#090e16 0%,#0d1420 54%,#101726 100%);
  min-height:100vh;padding:34px;display:grid;place-items:center}
.ttp-auth-shell{width:min(1040px,94vw);background:#fff;border:1px solid rgba(255,255,255,.10);border-radius:22px;overflow:hidden;box-shadow:0 36px 100px rgba(0,0,0,.38)}
.ttp-auth-head{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e9ecf0;background:#fff}
.ttp-auth-wordmark{display:block;width:265px;height:auto}
.ttp-auth-product{text-align:right}.ttp-auth-product b,.ttp-auth-product span{display:block}.ttp-auth-product b{font-size:9px;letter-spacing:.17em;color:#3f328f}.ttp-auth-product span{margin-top:4px;font-size:10px;color:#727b87}
.ttp-auth-body{display:grid;grid-template-columns:43% 57%;min-height:540px}
.ttp-auth-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#17152c 0%,#29235b 58%,#40328f 100%);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:flex-end}
.ttp-auth-watermark{position:absolute;width:360px;height:360px;object-fit:contain;right:-105px;top:35px;opacity:.075;filter:grayscale(1) brightness(3)}
.ttp-auth-visual:before{content:"";position:absolute;left:42px;top:42px;width:48px;height:3px;background:#fff;opacity:.9}
.ttp-auth-visual-copy{position:relative;z-index:2;margin-bottom:72px}.ttp-auth-kicker{font-size:9px;font-weight:900;letter-spacing:.16em;color:#cbc6ee}.ttp-auth-visual h1{font-size:58px;letter-spacing:-.055em;margin:9px 0 12px}.ttp-auth-visual p{font-size:13px;line-height:1.55;color:#d5d3e7;margin:0;max-width:290px}
.ttp-auth-meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.18);padding-top:14px;font-size:8.5px;color:#c9c8d8}
.ttp-auth-form{display:grid;place-items:center;background:#fbfbfc;padding:48px}.ttp-auth-form-inner{width:min(385px,100%)}.ttp-auth-form h2{font-size:32px;letter-spacing:-.045em;margin:6px 0 8px;color:#10141c}.ttp-auth-intro{font-size:11px;color:#6c7480;line-height:1.55;margin:0 0 24px}
.ttp-login-form{display:grid;gap:14px}.ttp-login-form>label,.ttp-2fa label{display:grid;gap:6px}.ttp-login-form label>span,.ttp-2fa label>span{font-size:9px;font-weight:900;letter-spacing:.025em;color:#404753}
.ttp-login-form input{width:100%;height:46px;border:1px solid #d5dbe3;border-radius:10px;background:#fff;padding:0 13px;font:700 11px Arial;color:#151a22;outline:0;transition:.16s}
.ttp-login-form input:focus{border-color:#5141a4;box-shadow:0 0 0 3px rgba(71,54,143,.10)}
.ttp-login-form input:-webkit-autofill,.ttp-login-form input:-webkit-autofill:hover,.ttp-login-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#151a22!important;caret-color:#151a22;transition:background-color 9999s ease-out}
.ttp-2fa{border-top:1px solid #e4e8ed;padding-top:3px}.ttp-2fa summary{cursor:pointer;list-style:none;font-size:9px;font-weight:800;color:#62558f;padding:8px 0}.ttp-2fa summary::-webkit-details-marker{display:none}.ttp-2fa summary:after{content:"+";float:right;font-size:13px}.ttp-2fa[open] summary:after{content:"−"}.ttp-2fa[open] label{margin-top:5px}
.ttp-login-submit{height:48px;border:0;border-radius:10px;background:#3f328f;color:#fff;font:900 11px Arial;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 17px;box-shadow:0 10px 24px rgba(63,50,143,.18);transition:.16s}.ttp-login-submit:hover{background:#342875;transform:translateY(-1px)}.ttp-login-submit span{font-size:17px;font-weight:400}
.ttp-auth-error{display:grid;gap:3px;background:#fff1ef;border:1px solid #f2cbc6;border-left:4px solid #b42318;border-radius:9px;padding:11px 12px;margin-bottom:15px}.ttp-auth-error b{font-size:10px;color:#8f2019}.ttp-auth-error span{font-size:9.5px;color:#7e3934}
.ttp-auth-help{border-top:1px solid #e6e9ed;margin-top:22px;padding-top:13px}.ttp-auth-help span,.ttp-auth-help small{display:block}.ttp-auth-help span{font-size:9px;font-weight:800;color:#515966}.ttp-auth-help small{font-size:8.5px;color:#89919b;margin-top:3px;line-height:1.45}
.ttp-brand-real{display:flex!important;align-items:center!important;gap:9px!important;padding:8px 6px 18px!important}.ttp-brand-icon{width:31px;height:31px;object-fit:contain;flex:0 0 auto}.ttp-brand-wordmark{width:143px;max-height:31px;object-fit:contain;object-position:left center}
@media(max-width:820px){.ttp-login-page{padding:14px}.ttp-auth-head{padding:0 20px}.ttp-auth-wordmark{width:220px}.ttp-auth-product{display:none}.ttp-auth-body{grid-template-columns:1fr}.ttp-auth-visual{min-height:220px;padding:28px}.ttp-auth-visual-copy{margin-bottom:28px}.ttp-auth-visual h1{font-size:44px}.ttp-auth-form{padding:34px 24px}.ttp-auth-watermark{width:260px;height:260px;right:-60px;top:-18px}}
@media(max-width:1100px){.ttp-brand-wordmark{display:none}.ttp-brand-real{justify-content:center!important}}