:root{--bg:#f3f6f8;--panel:#fff;--text:#20364a;--muted:#62798b;--accent:#087f73;--side:#122c43;--line:#dce5eb;--radius:11px;--app-font:Bahij}body,html[lang=en] body{background:var(--bg);color:var(--text);font-family:var(--app-font),Arial!important}input,button,textarea,select{font-family:inherit}aside{background:var(--side);color:#e1eaf1}.card,.tablewrap,dialog,.searchpanel,.globalresults,.system-identity{background:var(--panel);border-color:var(--line);border-radius:var(--radius);color:var(--text)}button,input,textarea,select,.tools select{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:calc(var(--radius)*.6)}button.primary,.mock-save{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff)}.hero{background:var(--side);border-radius:var(--radius)}.hero .primary{background:#f1d49c;color:#20364a}.stat svg,a,.about svg,h2>svg,h3>svg{color:var(--accent)}.subtitle,header small,.stat label,.stat small,.deadline small,footer,.datepreview small{color:var(--muted)}th{background:var(--bg);color:var(--muted)}th,td,.deadline{border-color:var(--line)}tbody tr:hover{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}tfoot td,.totalpill{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--text)}nav button.active{background:#ffffff20;color:#fff;border-inline-start-color:#a6dfd3}.service,.fontpreview,.datepreview{background:var(--bg);color:var(--text)}.bar{background:var(--bg)}.bar i{background:var(--accent)}button svg,h2 svg,h3 svg,.actions svg,.settings svg,.about a svg{width:18px;height:18px;vertical-align:middle;flex-shrink:0}button svg,h2 svg,h3 svg,.about a svg{margin-inline-end:7px}.iconbutton svg{margin:0}#notice[hidden]{display:none!important}.system-identity{padding:14px 20px;display:flex;gap:16px;align-items:center;border:1px solid var(--line);margin:0 0 25px}.system-identity img{width:62px;height:45px;object-fit:contain;background:white;border-radius:7px;padding:4px}.system-identity b{font-size:18px}.system-identity small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.headerdate{margin-inline-start:auto;text-align:end;font-size:12px}.headerdate svg{width:15px;vertical-align:middle;margin-inline-end:7px}.headerdate b{display:block;font:700 17px Arial;margin-top:5px}.searchpanel{border:1px solid var(--line);padding:17px;margin-bottom:18px}.searchline{display:flex;gap:10px;flex-wrap:wrap}.searchbox{display:flex;align-items:center;gap:9px;flex:1;min-width:160px;border:1px solid var(--line);border-radius:8px;padding:0 11px;background:var(--panel)}.searchbox svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.searchbox input{border:0;background:transparent;outline:none;min-width:0;width:100%;font-size:13px}.searchbox:focus-within{outline:2px solid var(--accent)}.filtergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);align-items:end}.filtergrid label{display:flex;flex-direction:column;gap:6px}.filtergrid.collapsed{display:none}.sorthead{padding:0;border:0;background:none;white-space:nowrap;text-align:start;color:inherit}.sorthead:focus-visible{outline:2px solid var(--accent)}.globalbox{position:relative;max-width:290px}.globalresults{position:absolute;top:100%;inset-inline-end:0;width:360px;max-width:85vw;max-height:60vh;overflow:auto;z-index:30;box-shadow:0 12px 40px #0003;border:1px solid var(--line);padding:10px}.globalresults[hidden]{display:none}.globalresults>strong{font-size:12px;padding:10px;display:block}.globalresults button{display:flex;width:100%;align-items:center;text-align:start;border:0;border-bottom:1px solid var(--line);border-radius:0}.globalresults small{display:block;color:var(--muted);margin:5px 0;font-family:inherit;letter-spacing:normal}.settings{align-items:start}.settings input,.settings select{font-size:15px}.settings select{width:100%}.logopicker{border:1px dashed var(--line);padding:15px;border-radius:var(--radius);margin-bottom:20px}.logopicker>img{max-width:160px;max-height:85px;object-fit:contain;background:white;padding:8px;border-radius:7px}.fontpreview{font-size:24px;line-height:1.8;padding:20px;border-radius:var(--radius);margin-top:10px}.datepreview{padding:20px;border-radius:var(--radius);text-align:center;display:flex;flex-direction:column;gap:7px}.datepreview strong{font:700 29px Arial}.themescard{margin:22px 0}.themegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px}.themecard{padding:12px;overflow:hidden;text-align:start;border:2px solid var(--line)}.themecard.selected{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}.themecard>span:last-child{font-size:12px;display:block;margin-top:9px}.themeswatch{display:flex;height:88px;gap:12px;padding:10px;width:100%;direction:rtl}.themeswatch>i{display:block;width:22%;border-radius:4px}.themeswatch>span{flex:1;border-radius:6px;padding:10px}.themeswatch b{display:block;height:9px;width:70%;border-radius:4px}.themeswatch em{font:700 25px Georgia;display:block;margin-top:9px}.guide-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.guide-tabs button{padding:8px 12px;font-size:12px}.guide-illustration{display:flex;max-width:820px;margin:25px auto;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}.mock-sidebar{width:135px;display:flex;flex-direction:column;align-items:center;gap:17px;padding:28px 10px;background:var(--side);color:white;font-size:12px}.mock-sidebar svg{width:30px;height:30px}.mock-body{padding:20px;flex:1;min-width:0}.mock-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px}.mock-add,.mock-save{background:var(--accent);color:var(--on-accent,#fff);border-radius:6px;padding:5px 11px;font-size:12px}.mock-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-form label{display:block;font-size:11px}.mock-form label span{display:block;margin-top:5px;border:1px solid var(--line);border-radius:5px;padding:6px;background:var(--panel);color:var(--muted)}.mock-save{display:inline-block;margin:17px 0}.mock-save svg{width:15px;height:15px;vertical-align:middle;margin-inline-end:5px}.mock-table{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.mock-table svg{width:14px;height:14px;margin-inline-end:7px}.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.guide-steps article{background:var(--bg);border-radius:var(--radius);padding:17px;font-size:13px}.guide-steps article svg{width:20px;height:20px;margin-inline-end:9px;color:var(--accent)}.guide-steps p{line-height:1.9}.guide-steps b{color:var(--accent)}.about a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.about p{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.about p:first-of-type{display:block}#dialoglogo{max-width:65px;object-fit:contain;margin-inline-end:15px;background:white;border-radius:5px;padding:3px}.dialoghead h2{flex:1}#printdialog{max-width:1100px;width:96%;max-height:94vh}.printcontrols{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.printcontrols label{display:flex;flex-direction:column;gap:7px;flex:1}.printcontrols select{min-width:130px}#printpreview{background:#cbd0d5;padding:20px;border-radius:8px;overflow:auto;max-height:65vh}.printsheet{background:white;color:#1e293b;padding:28px;line-height:1.6;font-family:var(--app-font),Arial;min-width:540px;box-shadow:0 3px 15px #0002}.printheader{display:flex;gap:15px;align-items:center;border-bottom:3px solid #163653;padding-bottom:18px;margin-bottom:24px}.printheader img{width:80px;height:65px;object-fit:contain}.printheader h2{font-size:20px;margin:0}.printheader p{margin:5px 0;font-size:14px}.printheader small{font:10px Arial}.printdate{margin-inline-start:auto;font-size:12px;white-space:nowrap}.printsheet h2{font-size:19px}.printsheet table{width:100%;border-collapse:collapse}.printsheet th,.printsheet td{padding:9px 11px;border:1px solid #d8dfe5;color:#1e293b;font-size:12px;background:white;white-space:normal}.printsheet th{background:#f1f4f7;font-weight:bold}.printsheet tfoot td{background:#eaf1f5;font-weight:bold}.printsignature{margin-top:35px;font-size:12px}.printfooter{margin-top:25px;border-top:1px solid #ccd4dc;padding-top:10px;font-size:10px;text-align:center}.printsheet .sorthead{color:#1e293b;font-size:inherit;pointer-events:none}.printsheet .card{background:white;color:#1e293b;border-color:#ddd}.printsheet .deadline{border-color:#ddd}.printsheet .tablewrap{border:0;border-radius:0;background:white}.template-modern .printheader{background:#edf7f4;border:0;border-inline-start:8px solid #167c68;padding:18px;border-radius:10px}.template-modern th{background:#167c68;color:white}.template-modern .printfooter{border-color:#167c68}.template-classic{border:3px double #655331}.template-classic .printheader{border-bottom:3px double #655331}.template-classic th{background:#f3eddf;color:#514120}.template-compact{padding:15px;line-height:1.2}.template-compact .printheader{padding-bottom:8px;margin-bottom:10px}.template-compact .printheader img{width:55px;height:40px}.template-compact .printheader h2{font-size:16px}.template-compact td,.template-compact th{font-size:10px;padding:4px}.template-compact .printsignature{margin-top:15px}.template-mono,.template-mono img{filter:grayscale(1)}.template-mono th,.template-mono tfoot td{background:white;border:1px solid black}.template-mono .printheader{border-color:black}.template-letterhead .printheader{display:flex;flex-wrap:wrap;border-top:9px solid #173859;border-bottom:2px solid #bc9857;padding:20px 0}.template-letterhead .printheader img{width:100px;height:80px}.template-letterhead .printheader h2{color:#173859;font-size:24px}.template-letterhead .printfooter{border-top:3px solid #173859}.template-letterhead .printsignature{margin-top:65px}#printoutput{display:none}html[data-texture=glass] body{background-image:radial-gradient(ellipse at 10% 10%,#ffffffbb,transparent 60%),linear-gradient(130deg,transparent,#3581b222)}html[data-texture=glass] .card{backdrop-filter:blur(15px);box-shadow:0 10px 30px #16365310}html[data-texture=linen] body{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#745f3110 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,#745f3110 4px)}html[data-texture=leather] aside{background-image:radial-gradient(#ffffff0d .8px,transparent 1.3px);background-size:4px 4px}html[data-texture=leather] .card{border:2px double var(--line);box-shadow:0 4px 12px #3d2a1814}html[data-texture=paper] .card{box-shadow:3px 4px 0 #6e61421a}body[data-menu=top] aside,body[data-menu=bottom] aside{inset-inline:0;width:100%;inset-block:auto;display:flex;align-items:center;gap:12px;padding:8px 15px;z-index:20;overflow:visible}body[data-menu=top] aside{top:0}body[data-menu=bottom] aside{bottom:0}body[data-menu=top] .brand,body[data-menu=bottom] .brand{border:0;padding:0;flex-shrink:0}body[data-menu=top] .brand img,body[data-menu=bottom] .brand img{width:36px;height:36px}body[data-menu=top] .brand b,body[data-menu=bottom] .brand b{font-size:17px}body[data-menu=top] .brand small,body[data-menu=bottom] .brand small{display:none}body[data-menu=top] nav,body[data-menu=bottom] nav{display:flex;overflow:auto;flex:1;margin:0;gap:3px}body[data-menu=top] nav button,body[data-menu=bottom] nav button{width:auto;white-space:nowrap;flex-shrink:0;padding:9px;font-size:12px;gap:7px;border-inline-start:0}body[data-menu=top] nav button.active,body[data-menu=bottom] nav button.active{border-bottom:2px solid #9ad9c9}body[data-menu=top] .sidefoot,body[data-menu=bottom] .sidefoot{display:none}body[data-menu=top] main{margin-inline-start:0;padding-top:110px}body[data-menu=bottom] main{margin-inline-start:0;padding-bottom:115px}body[data-menu=top] #menu,body[data-menu=bottom] #menu{display:none}dialog svg{width:18px;height:18px}header h1 svg{width:23px;height:23px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1200px){.globalbox{max-width:215px}.themegrid{grid-template-columns:repeat(3,1fr)}.guide-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){header{flex-wrap:wrap}.tools{flex:1}.globalbox{max-width:none;flex:1}.themegrid{grid-template-columns:repeat(2,1fr)}.system-identity{gap:9px;padding:12px}.system-identity b{font-size:14px}.headerdate{font-size:10px}.headerdate b{font-size:13px}.system-identity img{width:45px;height:35px}.searchline>button{font-size:12px}.mock-sidebar{width:65px}.mock-sidebar span{display:none}.mock-body{padding:12px}.guide-steps{grid-template-columns:1fr 1fr}body[data-menu=top] .brand,body[data-menu=bottom] .brand{display:none}body[data-menu=top] main{padding-top:100px}}@media(max-width:500px){.guide-steps{grid-template-columns:1fr}.system-identity small{font-size:10px}.headerdate{max-width:110px}.themegrid{gap:8px}.themecard{padding:7px}.printcontrols{gap:8px}.printcontrols label{flex-basis:40%}}
@media print{body{background:white!important;color:#000!important}body.printing>*{display:none!important}body.printing>#printoutput{display:block!important}body.printing .printsheet{box-shadow:none;padding:0;min-width:0;font-size:10pt}body.printing .printheader img,body.printing .printheader,body.printing .printfooter,body.printing .printsignature{display:flex!important}body.printing .printheader{break-after:avoid;align-items:center}body.printing .printfooter{display:block!important}body.printing .printsheet button.sorthead{display:block!important;background:none!important}body.printing .printsheet button:not(.sorthead),body.printing .guide-tabs,body.printing .actions,body.printing .searchpanel{display:none!important}.printsheet table{white-space:normal;table-layout:auto}.printsheet th,.printsheet td{overflow-wrap:anywhere;max-width:42mm}.printsheet thead{display:table-header-group}.printsheet tfoot{display:table-row-group}.printsheet tr{break-inside:avoid}.printsheet .grid{grid-template-columns:1fr 1fr}.printsheet .badge{background:transparent!important;color:black!important}.system-identity,.globalbox{display:none!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.full-guide-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.7;margin-top:8px;max-width:100%}.full-guide-link svg{width:18px;height:18px;min-width:18px;max-width:18px;flex:0 0 18px;vertical-align:middle}#nav>[data-page=guide]{order:99}
/* Consistent Lucide icon scale and restrained system branding. */
.app-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.brand-symbol{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff2b;border-radius:13px;background:#ffffff10;color:#b5e3da;flex-shrink:0}.brand-symbol svg{width:27px;height:27px}.brand>div{min-width:0}.brand #brandname{font:10px/1.65 Arial,sans-serif;letter-spacing:.15px;display:block;max-width:140px;margin-top:7px;color:#bbcedc;direction:ltr}.brand{gap:12px}.brand b{font-size:26px;letter-spacing:2px}#eyebrow{letter-spacing:1.2px;font-size:9px;line-height:1.7}.section-symbol{width:49px;height:49px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.section-symbol svg{width:25px;height:25px}.avatar svg{width:19px;height:19px;display:block}.avatar{padding:11px;background:var(--panel);color:var(--accent);border:1px solid var(--line)}#title{display:flex;align-items:center;gap:11px}#title>svg{width:23px;height:23px;margin:0;color:var(--accent)}#dialoglogo{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--bg);color:var(--accent);border:1px solid var(--line);border-radius:10px}#dialoglogo svg{width:22px;height:22px}.profile-company{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:var(--bg);border:1px solid var(--line);border-radius:9px;width:38px;height:38px}.profile-company svg{width:22px;height:22px}.print-section-symbol,.printbrand-symbol{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:64px;border:1px solid #d4dfe7;border-radius:12px;background:#f4f8fa;color:#174666}.print-section-symbol svg,.printbrand-symbol svg{width:35px;height:35px}.logopicker{display:flex;flex-direction:column;align-items:start;gap:8px}body[data-menu=top] .brand-symbol,body[data-menu=bottom] .brand-symbol{width:34px;height:34px;border-radius:9px}body[data-menu=top] .brand-symbol svg,body[data-menu=bottom] .brand-symbol svg{width:22px;height:22px}body[data-menu=top] .brand #brandname,body[data-menu=bottom] .brand #brandname{display:none}@media(max-width:760px){#eyebrow{letter-spacing:.6px;font-size:8px;max-width:230px}.section-symbol{width:38px;height:38px}.section-symbol svg{width:22px;height:22px}}@media print{.print-section-symbol{display:flex!important}.print-section-symbol svg{width:30px;height:30px}.printbrand-symbol{display:inline-flex!important}}