@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
:root{--navy:#0b2334;--teal:#16746e;--gold:#c8a365;--ink:#193344;--muted:#70818c;--line:#dce5e6}*{box-sizing:border-box}body{margin:0;background:#f3f6f5;color:var(--ink);font:14px Cairo,Tahoma,sans-serif}header{height:88px;border-bottom:1px solid var(--line);padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:white}header a{text-decoration:none;color:var(--teal);display:flex;gap:14px;align-items:center;font:bold 29px Georgia}header a span{font:700 17px Cairo}small{display:block;font-size:10px;letter-spacing:2px}header .tag{color:var(--muted);font-size:12px}main{max-width:1240px;padding:42px 28px;margin:auto}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;margin-bottom:44px}.eyebrow{color:var(--teal);font-size:12px;font-weight:800}h1{font-size:39px;line-height:1.65;margin:12px 0}h1 em{font-style:normal;color:var(--teal)}p{line-height:1.9}.hero p{color:var(--muted);max-width:600px}.chips{display:flex;gap:9px;flex-wrap:wrap}.chips span{border:1px solid var(--line);padding:6px 12px;border-radius:30px;font-size:11px}.hero aside{background:var(--navy);color:#fff;border-radius:22px;padding:30px;position:relative;overflow:hidden;border-bottom:5px solid var(--gold)}aside small{color:#c8a365}aside strong{display:block;direction:ltr;text-align:right;font:38px/1.2 Georgia;margin:20px 0}.mini{border-top:1px solid #ffffff25;padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a9c3cd}.mini b{color:#d6b681}.layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px}nav button{background:transparent;width:100%;border:0;text-align:right;padding:18px 15px;color:var(--muted);display:flex;gap:14px;border-radius:10px;margin-bottom:8px}nav button.active{background:var(--navy);color:white}nav p{padding:22px;font-size:11px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:32px;min-width:0}h2{font-size:23px;margin:8px 0}.muted{color:var(--muted);font-size:12px;margin-bottom:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:700}input,select{width:100%;margin-top:7px;background:#fbfcfc;border:1px solid #d4dfe1;border-radius:8px;padding:12px;font:inherit;color:var(--ink);min-width:0}input:focus,select:focus{outline:2px solid #16746e66}button,.file{font:700 12px Cairo;cursor:pointer;border-radius:8px;padding:12px 19px}button:focus-visible,.file:focus-within{outline:3px solid var(--gold)}.primary{background:var(--teal);color:white;border:1px solid var(--teal)}.secondary,.file{background:white;color:var(--ink);border:1px solid var(--line)}.notice{background:#f7f6f0;border-right:3px solid var(--gold);padding:14px;margin-top:24px;font-size:11px;line-height:2;color:#74664c}.actions{border-top:1px solid var(--line);margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;align-items:center}.actions span{color:var(--muted);font-size:12px}.bottom{text-align:center;color:var(--muted);font-size:11px;margin-top:24px}.item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.item input{width:auto;margin:0 0 0 12px}.item small{letter-spacing:0;color:var(--muted)}.inline,.toolbar{display:flex;gap:8px;margin:18px 0;align-items:center}.inline input{margin:0}.inline select{width:130px;margin:0}.inline button{white-space:nowrap}.file input{display:none}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th{background:#eff5f3;color:var(--teal)}td,th{padding:10px;text-align:right;border-bottom:1px solid var(--line)}td input{min-width:90px;padding:8px;font-size:12px}td:nth-child(2) input{min-width:140px}.delete{border:0;background:#fff0ed;color:#a44;padding:7px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat{background:#f1f6f5;padding:16px;border-radius:10px;font-size:11px}.stat b{display:block;font-size:23px;color:var(--teal)}.export{width:100%;margin-top:24px;font-size:15px}[hidden]{display:none!important}@media(max-width:760px){header{height:72px}.tag{display:none}main{padding:24px 16px}.hero{grid-template-columns:1fr;gap:22px}h1{font-size:29px}.hero aside{display:none}.layout{grid-template-columns:1fr}nav{display:flex;gap:4px;overflow:auto}nav button{font-size:10px;padding:12px 7px;gap:6px;white-space:nowrap;margin:0}nav p{display:none}.panel{padding:20px}.grid{grid-template-columns:1fr}.inline{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}}

.brand-logo{width:58px;height:58px;object-fit:contain;border-radius:50%;background:#0b2334;border:1px solid #c8a36566;padding:3px;flex-shrink:0}.hero-logo{float:left;object-fit:contain;margin:0 12px 8px 0}@media(max-width:760px){.brand-logo{width:48px;height:48px}}

@media screen {
body[data-hm-theme="v1"]{--navy:var(--hm-navy,#071827);--teal:var(--hm-teal,#16746e);--gold:var(--hm-gold,#c8a365);--muted:#536b79;--line:#dce5e8}
body{background:var(--hm-canvas)}
h1,h2{color:var(--hm-navy)}
.brand-logo{border-color:var(--hm-gold);background:var(--hm-navy)}
}

@media screen {body[data-hm-theme="v1"] main{max-width:1180px}body[data-hm-theme="v1"] h1{font-size:clamp(28px,3vw,40px);line-height:1.6}body[data-hm-theme="v1"] .hero{gap:40px;margin-bottom:32px}body[data-hm-theme="v1"] .hero aside{border-radius:16px;border-bottom-width:3px}body[data-hm-theme="v1"] .hero aside strong{font:700 30px/1.5 Cairo,Tahoma,sans-serif}body[data-hm-theme="v1"] .notice{font-size:12px}body[data-hm-theme="v1"] .stats{padding:10px}}