body{--surface-texture:none;--surface-shadow:0 8px 26px #1837580b;padding-bottom:70px}body[data-material] .panel,body[data-material] .modal,body[data-material] .serpsDialog,body[data-material] .ribbon,body[data-material] input,body[data-material] select,body[data-material] textarea,body[data-material] button{background-image:var(--surface-texture);box-shadow:var(--surface-shadow)}body[data-material] :is(input,select,textarea,button){color:var(--ink);border-color:var(--line);font-family:var(--font),sans-serif}body[data-material=leather]{--bg:#211710!important;--panel:#39291f!important;--ink:#fff0d5!important;--muted:#cfbfa7!important;--line:#70513a!important;--accent:#c18e48!important;--nav:#281c14!important;--nav-ink:#fff0d5!important;--radius:12px!important;--surface-texture:radial-gradient(#ffffff08 .8px,transparent 1px),radial-gradient(#00000020 1px,transparent 2px);--surface-shadow:inset 0 1px 0 #ffffff12,0 8px 28px #0003}body[data-material=leather] :is(.panel,.modal,.serpsDialog,button){background-size:5px 5px,7px 7px;border-style:dashed;border-color:#9b7850}body[data-material=parchment]{--bg:#e4d6b5!important;--panel:#f7edcf!important;--ink:#46351f!important;--muted:#796447!important;--line:#bca67a!important;--accent:#82602f!important;--nav:#6b4e2c!important;--nav-ink:#fff4dc!important;--surface-texture:repeating-linear-gradient(3deg,#96763f05 0px,#96763f05 2px,transparent 3px,transparent 7px);--radius:7px!important;--surface-shadow:inset 0 0 35px #9e753e14,0 7px 20px #67492418}body[data-material=fabric]{--bg:#e3e9e8!important;--panel:#f5f8f5!important;--ink:#283f3e!important;--muted:#58716b!important;--line:#a7bdb6!important;--accent:#34685d!important;--surface-texture:repeating-linear-gradient(0deg,#34574b08 0px,#34574b08 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#34574b08 0px,#34574b08 1px,transparent 1px,transparent 4px);--radius:14px!important}body:is([data-material=glass],[data-material=frosted],[data-material=crystal]){--bg:#dce8f1!important;--panel:#ffffffba!important;--ink:#183751!important;--muted:#46677d!important;--line:#ffffffed!important;--nav:#eaf7ffc2!important;--nav-ink:#183751!important;--surface-texture:linear-gradient(135deg,#ffffff80,#ffffff05);--surface-shadow:inset 0 1px 0 #ffffff,0 12px 30px #233d6312;--radius:20px!important;background:radial-gradient(at 15% 10%,#a2e4d3,transparent 50%),radial-gradient(at 90% 80%,#b6b5f3,transparent 55%),var(--bg)}body:is([data-material=glass],[data-material=frosted],[data-material=crystal]) :is(.panel,.modal,.serpsDialog,.ribbon,button){backdrop-filter:blur(16px);border:1px solid var(--line)}body[data-material=frosted]{--panel:#ffffffdf!important;--surface-texture:radial-gradient(#ffffff40 1px,transparent 1px);background-size:auto;background-color:#d8e8f0}body[data-material=crystal]{--surface-texture:linear-gradient(115deg,transparent 30%,#ffffff99 31%,transparent 33%,transparent 70%,#ffffff50 71%,transparent 73%)}body[data-material=soft]{--radius:22px!important;--surface-shadow:8px 8px 22px #17375815,-5px -5px 18px #ffffff80}body[data-material=office]{--radius:4px!important;--surface-shadow:0 2px 5px #18375812}body[data-material=compact] :is(button,input,select){padding:6px 9px;min-height:32px}body[data-material=compact] .panel{padding:14px}body[data-material] .primary{background-color:var(--accent);color:white}body[data-material] :is(input,textarea,select){background-color:var(--panel)}.modalBackdrop{padding:20px;overflow:auto;align-items:center}.modal{max-height:calc(100dvh - 40px);overflow:auto}.modalhead{position:sticky;top:0;background:var(--panel);z-index:2}.modalfooter{position:sticky;bottom:0;background:var(--panel);padding:14px}.webSettingsBar{position:fixed;inset:auto 0 0;z-index:40;display:flex;gap:12px;justify-content:center;align-items:center;padding:10px;background:var(--panel);border-top:1px solid var(--line);backdrop-filter:blur(20px)}.webSettingsBar[hidden]{display:none}.webSettingsBar button{display:flex;gap:8px;padding:8px 16px;border-radius:10px;font:inherit}.serpsDialog{width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:0;font-family:var(--font),sans-serif}.serpsDialog::backdrop{background:#0c172b90;backdrop-filter:blur(6px)}.serpsDialog>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--panel);padding:16px 24px;border-bottom:1px solid var(--line)}.serpsDialog h2{font-size:22px;margin:0}.serpsDialog header button{font-size:24px;width:42px}.profileForm{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profileForm label{display:flex;flex-direction:column;gap:7px}.profileForm :is(input,textarea){width:100%;font:inherit;min-height:42px;padding:9px;border:1px solid var(--line);border-radius:8px}.profileForm .profileLogo{grid-column:1/-1;max-height:90px;max-width:220px;object-fit:contain}.profileForm footer{grid-column:1/-1;position:sticky;bottom:-22px;background:var(--panel);padding:15px 0;display:flex;gap:12px}.formError{grid-column:1/-1;color:#b33232;min-height:22px}.materialGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px}.materialCard{padding:10px!important;display:flex;flex-direction:column;gap:12px}.materialCard[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.materialSample{display:flex;flex-direction:column;gap:14px;justify-content:center;border-radius:12px;padding:20px;background:#eef4f9;color:#254568;width:100%;min-height:150px}.materialSample i{font-style:normal;background:#306bb0;color:white;border-radius:8px;padding:6px}.materialCard[data-material=leather] .materialSample{background:radial-gradient(#bda16d55 1px,transparent 2px) 0 0/5px 5px,#39291f;color:#fff0d5;border:2px dashed #a1855d}.materialCard[data-material=parchment] .materialSample{background:repeating-linear-gradient(4deg,#ae824a09 0 2px,transparent 2px 7px),#f4e6c3;color:#5f472a;box-shadow:inset 0 0 20px #986a3820}.materialCard[data-material=fabric] .materialSample{background:repeating-linear-gradient(0deg,#24453410 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#24453410 0 1px,transparent 1px 4px),#eaf0e8}.materialCard:is([data-material=glass],[data-material=frosted],[data-material=crystal]) .materialSample{background:linear-gradient(120deg,#ffffffc0,#a8d9e7b0,#d9caf4a0);border:1px solid white;box-shadow:inset 0 2px 0 white,0 6px 14px #27466316}.materialCard[data-material=soft] .materialSample{background:#edf2f7;box-shadow:inset 6px 6px 15px #73839130,inset -6px -6px 15px white}.businessIdentity{display:flex;align-items:center;gap:12px;max-width:100%;padding:8px;flex-wrap:wrap}.businessIdentity img{width:64px;height:64px;object-fit:contain}.businessIdentity small{display:block;font-size:12px;overflow-wrap:anywhere}.intro{flex-wrap:wrap}.originalDate{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.calendarFields{display:grid;grid-template-columns:1fr 1.15fr .7fr;gap:6px;width:100%;margin-top:5px}.calendarFields input{min-width:0!important;width:100%!important;direction:ltr}.calendarFields select{min-width:0!important}.serpsDialog :focus-visible,.webSettingsBar :focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:700px){.materialGrid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.profileForm{grid-template-columns:1fr}.webSettingsBar button{font-size:12px;padding:8px}.serpsDialog h2{font-size:18px}.modalBackdrop{padding:8px}.modal{max-height:calc(100dvh - 16px)}.workspace nav{overflow:auto}.businessIdentity{font-size:12px}}@media print{body{padding-bottom:0!important;background:white!important;--panel:white!important;--ink:black!important;--muted:#444!important;--surface-texture:none!important;--surface-shadow:none!important}.webSettingsBar,.serpsDialog{display:none!important}.businessIdentity{color:black!important;background:white!important;break-inside:avoid}.modalhead{position:static!important}.modal{max-height:none!important;overflow:visible!important}.modalfooter{position:static!important}body[data-material] *{background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}.originalDate{display:none!important}}
.printInvoice:has(.businessIdentity)>img,.printInvoice:has(.businessIdentity)>h1{display:none}.printInvoice .businessIdentity{justify-content:center;flex-direction:column;border-bottom:1px solid #ddd;margin-bottom:14px}.printInvoice .businessIdentity strong{font-size:22px}

.menuPositionControl{display:flex;align-items:center;gap:16px;padding:20px 24px}.menuPositionControl select{padding:9px;min-width:200px}body:is([data-menu-position=top],[data-menu-position=bottom]) .workspace{flex-direction:column!important}body:is([data-menu-position=top],[data-menu-position=bottom]) .workspace nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:stretch}body:is([data-menu-position=top],[data-menu-position=bottom]) .workspace nav button{flex:0 0 auto;min-width:110px;min-height:52px;justify-content:center;white-space:nowrap}body[data-menu-position=bottom] .workspace nav{position:fixed!important;inset:auto 0 62px!important;z-index:35;background:var(--nav);border-top:1px solid var(--line);padding:6px}body[data-menu-position=bottom]{padding-bottom:145px}body[data-menu-position=top] .workspace nav{position:static!important}body:is([data-menu-position=top],[data-menu-position=bottom]) .navLabel{display:inline!important}@media print{body[data-menu-position=bottom]{padding-bottom:0!important}body:is([data-menu-position=top],[data-menu-position=bottom]) .workspace nav{display:none!important}}
.demoBanner{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 22px;background:#fff5d6;color:#61430c;border-bottom:1px solid #e0c37e;font-size:14px}.demoBanner button{color:#61430c;background:#fff;border:1px solid #cdb36d;padding:6px 12px}@media print{.demoBanner{display:none!important}}