:root{--wine:#7f1019;--wine-dark:#5c0a12;--sand:#e5d1ae;--cream:#f4efe3;--blue:#adc4d4;--ink:#272421;--muted:#77736c;--line:#e9e4da;--white:#fff;--green:#2e7654;--red:#a33e3e;--gold:#a16c15;--shadow:0 8px 28px rgba(40,30,22,.045)}*{box-sizing:border-box}html{background:#f8f6f1}body{margin:0;color:var(--ink);font-family:Almarai,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{width:258px;background:#fff;border-left:1px solid var(--line);position:fixed;inset:0 0 0 auto;display:flex;flex-direction:column;z-index:20;padding:23px 16px 14px}.brand{display:flex;align-items:center;gap:12px;padding:2px 9px 29px}.brand b{display:block;font-size:16px;color:var(--wine);letter-spacing:.1px}.brand small{display:block;color:#999;font-size:11px;margin-top:1px}.brand-mark{width:54px;height:54px;border-radius:17px;background:var(--wine);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;box-shadow:0 8px 18px #7f101926}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:24px}.nav-label{color:#aaa69e;font-size:10px;font-weight:700;padding:9px 13px 10px}.sidebar nav{display:grid;gap:5px}.nav-link{height:44px;padding:0 13px;border-radius:10px;display:flex;align-items:center;gap:12px;color:#67645e;font-size:12px;font-weight:600;transition:.18s}.nav-link:hover{background:#faf7f2;color:var(--wine)}.nav-link.active{background:#f8efed;color:var(--wine);font-weight:800}.nav-dot{width:7px;height:7px;border-radius:2px;background:#cac4bb}.nav-link.active .nav-dot{background:var(--wine);box-shadow:0 0 0 4px #7f101910}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:14px 3px 3px;display:flex;align-items:center;gap:9px}.user-avatar{width:35px;height:35px;border-radius:50%;background:var(--sand);color:var(--wine);display:grid;place-items:center;font-weight:800}.user-info{min-width:0;flex:1}.user-info b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info small{display:block;color:#97928b;font-size:10px}.sidebar-foot form{margin:0}.icon-btn{border:0;background:#f7f5f0;width:31px;height:31px;border-radius:9px;color:#777;cursor:pointer}.main{margin-right:258px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:69px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.breadcrumb{font-size:12px;font-weight:700}.breadcrumb span{color:#c8c1b6;margin:0 9px}.top-actions{display:flex;gap:18px;align-items:center;color:#8d8880;font-size:10px}.status-pill{background:#eff7f1;color:#468163;border-radius:30px;padding:6px 10px;display:flex;align-items:center;gap:7px}.status-pill i{width:6px;height:6px;border-radius:50%;background:#58a575}.date-label{border-right:1px solid var(--line);padding-right:16px}.content{padding:30px 34px 38px;flex:1;max-width:1600px;width:100%;margin:0 auto}.footer{padding:14px 35px;color:#aaa49b;font-size:10px}.footer span{color:var(--sand);padding:0 5px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{font-size:24px;line-height:1.4;margin:2px 0 5px;font-weight:800;letter-spacing:-.5px}.eyebrow{text-transform:uppercase;letter-spacing:.5px;color:var(--wine);font-size:10px;font-weight:800;margin:0}.muted{color:var(--muted);font-size:11px;margin:0}.page-heading .muted{max-width:600px}.btn{border:0;border-radius:9px;padding:10px 15px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800;cursor:pointer;transition:.17s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--wine);color:white;box-shadow:0 5px 12px #7f10191e}.btn.primary:hover{background:var(--wine-dark)}.btn.secondary{background:#fff;border:1px solid var(--line);color:#645f56}.btn.full{width:100%;margin-top:12px}.month-filter{display:flex;align-items:flex-end;gap:9px}.month-filter label{font-size:10px;color:#8b867c}.month-filter input{display:block;margin-top:5px}.notice{background:#f7f2e8;border:1px solid #efe3cd;border-radius:13px;padding:14px 17px;display:flex;align-items:center;gap:13px;margin-bottom:19px}.notice-icon{width:30px;height:30px;min-width:30px;border-radius:50%;background:var(--sand);color:#79591e;display:grid;place-items:center;font-weight:800}.notice b{font-size:11px}.notice p{font-size:10px;color:#777064;margin:1px 0 0}.notice>a{margin-right:auto;color:var(--wine);font-weight:800;font-size:10px;white-space:nowrap}.notice.compact{margin:4px 0 3px;padding:10px 12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 17px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#777269;font-size:10px;font-weight:700}.stat-card>strong{display:block;font-size:20px;margin:14px 0 4px;color:#292621;font-weight:800;direction:rtl}.stat-card>small{font-size:9px;color:#a19b91}.stat-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:17px;font-weight:700}.stat-icon.green{background:#e8f4ec;color:#3b8a5f}.stat-icon.red{background:#faeded;color:#b65353}.stat-icon.blue{background:#eaf1f6;color:#567b96}.stat-icon.gold{background:#fbf2df;color:#a17221}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:17px 19px;border-bottom:1px solid #f0ede7;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:13px;margin:0;font-weight:800}.panel-head p{color:#969087;font-size:10px;margin:3px 0 0}.text-link{color:var(--wine);font-size:10px;font-weight:800}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px;text-align:right}th{padding:12px 16px;background:#fcfbf9;color:#9a958c;font-size:9px;font-weight:800;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:12px 16px;border-bottom:1px solid #f2f0ec;color:#656159;font-size:10px;vertical-align:middle}tr:last-child td{border-bottom:0}.strong-cell{font-weight:700;color:#393630}.subline{display:block;color:#aaa39a;font-size:9px;margin-top:3px}.row-link{color:var(--wine);font-weight:800}.badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800}.badge.pending{color:#9a691b;background:#fcf3df}.badge.posted{color:#34754e;background:#eaf5ed}.badge.draft{color:#586e7d;background:#edf3f7}.badge.rejected{color:#a04444;background:#faeeee}.table-foot{border-top:1px solid #f1eee8;padding:11px 16px;color:#999188;font-size:9px}.empty{text-align:center;padding:34px!important;color:#aaa}.filter-bar{padding:14px 17px;display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:7px;flex:1;max-width:440px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#aaa;height:37px}.search-box input{border:0!important;padding:0!important;outline:0!important;box-shadow:none!important}.filter-bar select{width:150px}.inline-form{display:inline-block;margin:0}.mini-btn{border:1px solid #e5dbca;background:#fffaf1;color:#765916;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.mini-btn.approve{background:#eaf5ed;color:#32734b;border-color:#d8ecdd}.tiny{font-size:9px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:17px;align-items:start}.form-panel{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.stack-form label,.install-card label{font-size:10px;font-weight:700;color:#625d55;display:flex;flex-direction:column;gap:6px}.form-grid .span-2{grid-column:span 2}.form-grid small{font-size:9px;font-weight:400;color:#999}.form-actions{display:flex;align-items:center;gap:13px;margin-top:4px}.help-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.help-card h3{font-size:13px;margin:12px 0 6px}.help-card p{font-size:10px;color:#7b766e;margin:0;line-height:1.9}.help-card hr{border:0;border-top:1px solid var(--line);margin:15px 0}.split-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:16px;align-items:start}.compact-panel{padding:0 17px 17px}.stack-form{display:grid;gap:13px;padding-top:16px}.check-label{display:flex!important;flex-direction:row!important;align-items:center}.check-label input{width:auto!important}.total-row td{background:#fbf8f1;font-weight:800;color:#38342e}.audit-details{max-width:360px;direction:ltr;text-align:left;font-family:monospace}.classify-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:16px;align-items:start}.source-summary{display:grid;gap:12px;background:#faf8f4;padding:14px;border-radius:9px;margin-bottom:17px}.source-summary div{display:flex;justify-content:space-between;gap:10px}.source-summary small{font-size:9px;color:#928b80}.source-summary b{font-size:10px;text-align:left}.raw-grid{display:grid;grid-template-columns:1fr 1fr;margin:0}.raw-grid div{padding:11px 14px;border-bottom:1px solid #f0ede7}.raw-grid dt{font-size:9px;color:#9a9388}.raw-grid dd{margin:3px 0 0;font-size:10px;color:#393630;word-break:break-word}.install-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top right,#eadcc4 0,transparent 44%),var(--cream)}.install-card{width:min(760px,100%);background:#fff;border:1px solid #e9e2d5;border-radius:18px;box-shadow:0 22px 70px #51442a18;padding:35px}.install-card .brand-mark{margin-bottom:17px}.install-card h1{font-size:24px;margin:2px 0 8px}.install-card h2{font-size:12px;margin:22px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.install-card>p.muted{margin-bottom:17px}.login-card{width:min(410px,100%)}.login-card form{display:grid;gap:14px;margin-top:23px}.login-card .btn{margin-top:4px}.alert{border-radius:9px;padding:11px 13px;margin:12px 0;font-size:10px}.alert.danger{color:#8f3030;background:#faeeee;border:1px solid #f1d7d7}.alert.success{color:#2f714b;background:#edf6ef;border:1px solid #d8eadc}input,select,textarea{background:#fff;color:#37332d;border:1px solid #e4dfd6;border-radius:8px;outline:0;padding:9px 10px;width:100%;min-height:38px;font-size:10px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#bd8e93;box-shadow:0 0 0 3px #7f101910}input[type=checkbox]{min-height:auto}.menu-toggle{display:none;border:0;background:transparent;color:var(--wine);font-size:20px;margin-left:10px}.empty-state{text-align:center;padding:80px 20px}.empty-state h1{font-size:23px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:25px 23px}.split-layout{grid-template-columns:1fr}.compact-panel{padding-bottom:20px}}
@media(max-width:760px){.sidebar{transform:translateX(105%);transition:transform .22s;box-shadow:-10px 0 30px #0001}.sidebar.open{transform:translateX(0)}.main{margin-right:0}.topbar{height:60px;padding:0 16px}.menu-toggle{display:inline-block}.topbar>div:first-child{display:flex;align-items:center}.date-label{display:none}.content{padding:22px 14px 30px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:21px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card>strong{font-size:16px}.notice{align-items:flex-start;flex-wrap:wrap}.notice>a{margin-right:43px}.form-layout,.classify-grid{grid-template-columns:1fr}.form-grid{gap:12px}.form-panel{padding:15px}.footer{padding:12px 16px}.filter-bar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.filter-bar select{flex:1}.month-filter{width:100%}.raw-grid{grid-template-columns:1fr 1fr}.install-card{padding:25px 19px}}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.form-actions{align-items:flex-start;flex-direction:column}.top-actions{gap:0}.status-pill{font-size:0;padding:8px}.status-pill i{width:7px;height:7px}.source-summary div{flex-direction:column;gap:2px}}
@media print{body{background:#fff}.sidebar,.topbar,.footer,.month-filter,.btn{display:none!important}.main{margin:0}.content{padding:0;max-width:none}.panel{box-shadow:none;border-color:#ddd}.notice{break-inside:avoid}}

.heading-actions{display:flex;gap:8px;align-items:center}
@media(max-width:760px){.heading-actions{width:100%}.heading-actions .btn{flex:1}}
/* Edition 2: refined RTL workspace */
:root{--shadow:0 18px 52px rgba(62,25,28,.075);--line:#e8e3db}
html{background:#f7f4ee}body{background:radial-gradient(circle at 76% -15%,#e5d1ae40,transparent 30%),radial-gradient(circle at 4% 65%,#adc4d424,transparent 28%),#f7f4ee;font-size:15px}
.sidebar{background:linear-gradient(160deg,#fff 0%,#fffdfa 75%,#f7f1e8 100%);box-shadow:-4px 0 30px #42221b09;overflow-y:auto;scrollbar-width:thin}
.sidebar:before{content:"";position:absolute;top:-72px;left:-75px;width:180px;height:180px;border:1px solid #e5d1ae70;border-radius:50%;box-shadow:0 0 0 25px #e5d1ae18,0 0 0 52px #e5d1ae12;pointer-events:none}
.brand{position:relative}.brand-mark{background:linear-gradient(145deg,#a33940,#7f1019 65%,#590912);box-shadow:0 12px 25px #7f10192c;transform:rotate(-5deg)}.brand-mark.small{transform:rotate(-5deg)}
.nav-label{letter-spacing:.08em}.sidebar nav{gap:3px}.nav-link{min-height:41px;height:auto;line-height:1.3;padding:10px 13px;font-size:11px;border:1px solid transparent;position:relative}.nav-link:hover{border-color:#f0e3d8}.nav-link.active{background:linear-gradient(90deg,#fbefea,#fff9f5);border-color:#f2dad5;box-shadow:inset -3px 0 var(--wine)}.nav-dot{width:8px;height:8px;min-width:8px;transform:rotate(45deg);border-radius:2px}.sidebar-foot{position:sticky;bottom:0;background:#fffdf9;margin-top:auto}
.content{padding-top:34px}.topbar{backdrop-filter:blur(16px);background:#fffcf8dd}.page-heading h1,.feature-hero h1{font-size:clamp(24px,2.4vw,35px);letter-spacing:-.045em}.page-heading .muted{font-size:12px;line-height:1.85}.eyebrow{font-size:11px;letter-spacing:.1em}
.content>.page-heading:first-child{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff,#fffaf5);border:1px solid #eee4d8;border-radius:19px;padding:23px 26px;margin-bottom:22px;box-shadow:var(--shadow)}.content>.page-heading:first-child:before{content:"";position:absolute;left:-43px;top:-71px;width:215px;height:215px;border:1px solid #decab344;border-radius:50%;box-shadow:0 0 0 23px #e5d1ae20,0 0 0 47px #e5d1ae0d;pointer-events:none}.content>.page-heading:first-child>*{position:relative}
.feature-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:172px;margin-bottom:20px;padding:30px 36px;border-radius:22px;background:linear-gradient(115deg,#751018,#8f1b25 53%,#542027);color:#fff;box-shadow:0 22px 42px #7f101926}.feature-hero:before,.feature-hero:after{content:"";position:absolute;border:1px solid #ffffff26;border-radius:50%;width:300px;height:300px;left:-75px;top:-150px;box-shadow:0 0 0 25px #ffffff0b,0 0 0 62px #ffffff08}.feature-hero:after{width:100px;height:100px;left:210px;top:115px;box-shadow:0 0 0 15px #ffffff0b}.feature-hero>div{position:relative;z-index:1;max-width:740px}.feature-hero .eyebrow{color:#edca9a}.feature-hero h1{margin:4px 0 8px;line-height:1.3}.feature-hero p:not(.eyebrow){font-size:12px;line-height:1.9;color:#f7e8e4;margin:0}.hero-symbol{position:relative;z-index:1;font-family:Georgia,serif;font-size:90px;line-height:1;color:#f1d4aa;opacity:.86;margin-inline-end:40px;text-shadow:0 8px 25px #28080b55}
.panel,.stat-card,.help-card{border-radius:17px;box-shadow:var(--shadow)}.panel-head{padding:19px 23px}.panel-head h2{font-size:15px}.stat-card{position:relative;overflow:hidden;min-height:136px}.stat-card:after{content:"";position:absolute;width:85px;height:85px;left:-35px;bottom:-46px;border:1px solid #e5d1ae88;border-radius:50%;box-shadow:0 0 0 12px #e5d1ae20}.stat-card>strong{font-size:22px}.btn{font-size:12px;border-radius:10px;padding:10px 17px}.btn:focus-visible,.nav-link:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #adc4d4;outline-offset:2px}.btn.primary{background:linear-gradient(135deg,#9b1d27,#741017)}.btn.secondary:hover{border-color:#cbb8aa;color:var(--wine)}.notice{border-radius:14px}.badge{font-size:10px}th{font-size:10px;padding:13px 17px}td{font-size:11px;padding:13px 17px}.table-wrap tbody tr{transition:background .15s}.table-wrap tbody tr:hover{background:#fdf9f4}input,select,textarea{font-size:12px;border-radius:10px;min-height:42px}.form-grid label,.stack-form label,.install-card label{font-size:11px}.filter-surface{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:#fff;padding:16px 19px;border:1px solid var(--line);border-radius:15px;margin-bottom:19px;box-shadow:var(--shadow)}.filter-surface label,.settings-inline label{min-width:190px;font-size:11px;font-weight:700;color:#645c55}.filter-surface input,.filter-surface select,.settings-inline input,.settings-inline select{margin-top:5px}
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.insight{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px 22px;box-shadow:var(--shadow)}.insight:before{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:#e5d1ae}.insight:nth-child(2):before{background:#adc4d4}.insight.featured{background:#fff6ed}.insight.featured:before{background:var(--wine)}.insight small{display:block;color:#8b8177;font-size:11px}.insight strong{display:block;color:#3c2929;font-size:23px;margin-top:8px;line-height:1.3;font-variant-numeric:tabular-nums}.insight strong.label-value{font-size:17px}.section-hint{font-size:10px;color:#958d83}.priority{display:inline-block;background:#f2eee5;color:#795f43;border-radius:30px;padding:3px 9px;font-weight:800;font-size:10px;white-space:nowrap}.priority.urgent{background:#fae8e8;color:#9c3540}.inline-edit{display:flex;gap:5px;align-items:center}.inline-edit select{min-width:115px;width:auto;padding:5px 7px;min-height:32px;font-size:10px}.inline-edit button{min-height:31px}.bar-track{width:130px;display:grid;gap:3px}.bar-track i,.bar-track b{display:block;height:6px;border-radius:9px;min-width:0}.bar-track i{background:#7f1019}.bar-track b{background:#adc4d4}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.catalog-card{min-height:130px}.count-bubble{background:#f4efe3;color:#7f1019;border-radius:50%;min-width:25px;text-align:center;font-size:11px;font-weight:800}.tag-list{display:flex;flex-wrap:wrap;gap:8px;padding:18px 21px}.tag{background:#f8f5ee;border:1px solid #ece4d9;padding:5px 10px;border-radius:8px;font-size:11px;color:#5b5049}.settings-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.settings-panel h2{font-size:15px;margin:0 0 5px}.settings-inline{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.settings-inline label{min-width:180px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{padding:24px}.guide-card .step{color:#b57d48;font-family:Georgia,serif;font-size:28px}.guide-card h2{font-size:18px;margin:5px 0}.guide-card p{color:#756c63;font-size:12px;line-height:1.9}.guide-card a{color:var(--wine);font-size:11px;font-weight:800}.install-body{background:radial-gradient(circle at 88% 10%,#adc4d465,transparent 28%),radial-gradient(circle at 10% 90%,#7f101925,transparent 32%),#f4efe3}.install-card{border-radius:22px;box-shadow:0 24px 70px #4f241a18}
@media(max-width:1100px){.sidebar{width:225px}.main{margin-right:225px}.catalog-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{width:min(310px,88vw)}.main{margin-right:0}.content>.page-heading:first-child{padding:19px}.feature-hero{min-height:155px;padding:24px}.feature-hero .hero-symbol{font-size:53px;margin:0}.insight-grid{grid-template-columns:1fr 1fr}.insight-grid .insight:last-child{grid-column:span 2}.settings-panel{display:block}.settings-inline{margin-top:14px}.guide-grid{grid-template-columns:1fr}.topbar{backdrop-filter:none}}
@media(max-width:500px){.feature-hero .hero-symbol{display:none}.insight-grid{grid-template-columns:1fr}.insight-grid .insight:last-child{grid-column:auto}.insight{padding:14px 17px}.insight strong{font-size:19px}.filter-surface label,.settings-inline label{width:100%}.filter-surface .btn,.settings-inline .btn{flex:1}.settings-inline{align-items:stretch}}
@media print{.feature-hero{color:#222;background:#fff;box-shadow:none;min-height:0;padding:0}.feature-hero p:not(.eyebrow){color:#555}.feature-hero:before,.feature-hero:after,.hero-symbol,.filter-surface,.settings-inline{display:none}.insight,.panel{box-shadow:none;break-inside:avoid}.content>.page-heading:first-child{box-shadow:none}}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 19px}.quick-grid a{background:linear-gradient(145deg,#fff,#fffaf5);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-height:90px;box-shadow:var(--shadow);display:grid;grid-template-columns:37px 1fr;column-gap:9px;align-content:center;transition:transform .17s,border-color .17s}.quick-grid a:hover{transform:translateY(-3px);border-color:#d5bb9e}.quick-grid span{grid-row:span 2;width:34px;height:34px;border-radius:10px;background:#f6e8e5;color:var(--wine);display:grid;place-items:center;font-size:18px}.quick-grid b{font-size:11px}.quick-grid small{font-size:9px;color:#938b83}@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.quick-grid{gap:8px}.quick-grid a{display:block;padding:12px;min-height:98px}.quick-grid span{margin-bottom:5px}.quick-grid small{display:block}}
/* Accountant workflow navigation */
.sidebar nav{display:block}.nav-group{margin-bottom:13px}.nav-group:not(:first-child){padding-top:9px;border-top:1px solid #eee7df}.nav-group .nav-label{padding-top:5px;padding-bottom:7px}.nav-link{gap:11px}.nav-icon{width:22px;min-width:22px;height:22px;display:grid;place-items:center;color:#a28273;background:#f8f2e9;border-radius:7px;font-size:13px;font-weight:800;line-height:1}.nav-link.active .nav-icon{background:#7f1019;color:#fff}.sidebar-overlay{display:none}.row-actions{white-space:nowrap}.row-actions .mini-btn+.inline-form{margin-inline-start:5px}
@media(max-width:760px){.sidebar-overlay{position:fixed;inset:0;background:#170d0ccc;z-index:19;display:none}.sidebar-overlay.open{display:block}.sidebar{width:min(310px,88vw)}.menu-toggle{cursor:pointer}}
/* Workspace layout inspired by the reference composition, using Hodorak colors */
:root{--page:#f9f5f0;--surface:#fffaf6;--deep:#65111c;--soft-border:#e9ded5}
html,body{background:var(--page)}.app-shell{position:relative;min-height:100vh}.workspace-topbar{position:sticky;top:0;left:0;right:0;width:100%;height:98px;padding:0 clamp(20px,4vw,72px);background:#f9f5f0f5;border-bottom:1px solid #e6dcd2;display:flex;align-items:center;gap:48px;z-index:30;backdrop-filter:blur(12px)}.top-brand{min-width:225px}.top-brand .brand{padding:0;align-items:center}.top-brand .brand b{font-size:19px}.top-brand .brand small{font-size:10px}.top-nav{display:flex;gap:34px;align-items:center;flex:1}.top-nav a{font-size:13px;font-weight:700;color:#6e5656;white-space:nowrap}.top-nav a:hover{color:var(--wine)}.top-utilities{display:flex;gap:16px;align-items:center}.top-workspace-label{background:var(--deep);color:#fff;border-radius:12px;padding:10px 18px;font-size:11px;font-weight:800;white-space:nowrap}.top-utilities .date-label{border:0;padding:0;white-space:nowrap}.workspace-sidebar{inset:120px clamp(20px,4vw,72px) 23px auto;width:264px;height:auto;padding:20px 17px 12px;background:linear-gradient(160deg,#721622,#5b111d);border:0;border-radius:23px;box-shadow:0 22px 45px #55121e24;color:#fff}.workspace-sidebar:before{border-color:#ffffff11;box-shadow:0 0 0 25px #ffffff04,0 0 0 52px #ffffff03}.sidebar-identity{position:relative;display:grid;justify-items:start;gap:6px;border-bottom:1px solid #ffffff24;padding:4px 10px 20px;margin-bottom:8px}.sidebar-identity .identity-caption{font-size:9px;letter-spacing:.17em;color:#e8c9be;font-weight:800}.sidebar-identity .user-avatar{background:#ffefe0;color:#6e1723;margin:7px 0 1px}.sidebar-identity b{font-size:17px;line-height:1.4}.sidebar-identity small{font-size:11px;color:#eccdc8}.workspace-sidebar .nav-group:not(:first-child){border-color:#ffffff20}.workspace-sidebar .nav-label{color:#d8a9a5;padding:11px 12px 6px;font-size:10px}.workspace-sidebar .nav-link{color:#f4e7e4;border-color:transparent;min-height:38px;margin-bottom:2px;padding:7px 10px}.workspace-sidebar .nav-link:hover{color:#fff;background:#ffffff17;border-color:#ffffff22}.workspace-sidebar .nav-link.active{color:#641421;background:#fff7f1;box-shadow:none;border-color:#fff7f1}.workspace-sidebar .nav-icon{background:#ffffff19;color:#f4e8e5}.workspace-sidebar .nav-link.active .nav-icon{background:#e9d2c3;color:#62141f}.workspace-sidebar .sidebar-foot{background:#59131d;border-color:#ffffff23;border-radius:11px;padding:11px 9px;margin-top:15px}.workspace-sidebar .user-info b{color:#fff}.workspace-sidebar .user-info small{color:#e6c5bd}.workspace-sidebar .icon-btn{background:#ffffff21;color:#fff}.main{margin-right:calc(264px + clamp(20px,4vw,72px) + 30px);padding-top:26px;min-height:calc(100vh - 98px)}.main .content{padding:0 clamp(20px,4vw,72px) 48px 0;max-width:1800px;margin:0}.main .footer{padding:12px clamp(20px,4vw,72px) 20px 10px}.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;min-height:220px;padding:25px 0 35px}.dashboard-welcome .eyebrow{color:#a86654}.dashboard-welcome h1{font-size:clamp(29px,3.4vw,46px);letter-spacing:-.045em;line-height:1.25;margin:5px 0 12px;color:#461722}.dashboard-welcome p:not(.eyebrow){font-size:13px;color:#806c68;max-width:670px;margin:0}.welcome-actions{display:flex;gap:10px;margin-top:20px}.dashboard-welcome .month-filter{align-items:flex-end;min-width:205px}.dashboard-welcome .month-filter label{font-size:11px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:8px 0 55px}.metric{border-top:3px solid #6e2831;padding:19px 2px 3px;min-height:117px;display:flex;flex-direction:column}.metric:nth-child(2){border-color:#b69a75}.metric:nth-child(3){border-color:#adc4d4}.metric span{font-size:13px;color:#796866}.metric strong{font-size:clamp(28px,3vw,40px);line-height:1.25;margin:5px 0;color:#4a1d27;font-weight:700;white-space:nowrap}.metric small{font-size:11px;color:#a08d86}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px}.section-heading h2{font-size:25px;line-height:1.3;margin:2px 0 0;color:#461722}.section-heading>p{font-size:11px;color:#95827c;margin:0}.dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:35px}.dashboard-actions>a{border:1px solid #e8dcd2;background:#fffaf6;border-radius:18px;min-height:149px;padding:19px 17px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:none;transition:transform .2s,border-color .2s,box-shadow .2s}.dashboard-actions>a:hover{transform:translateY(-4px);border-color:#cbaaa0;box-shadow:0 14px 30px #5c1d2512}.dashboard-actions span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f2e6e0;color:#6e1b27;font-size:21px;margin-bottom:16px}.dashboard-actions b{font-size:14px;color:#4f1c28}.dashboard-actions small{font-size:11px;color:#968078;margin-top:1px}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:16px;align-items:start}.dashboard-lower>.panel{box-shadow:none}.dashboard-aside{border:1px solid #e9dcd1;border-radius:17px;padding:24px;background:#fffaf6;position:relative;overflow:hidden}.dashboard-aside .aside-topline{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#e5d1ae,#7f1019)}.dashboard-aside h3{font-size:19px;margin:6px 0}.dashboard-aside>p:not(.eyebrow){font-size:11px;color:#85716b}.aside-totals{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:18px 0}.aside-totals div{display:flex;justify-content:space-between;gap:7px;font-size:11px;margin:6px 0}.aside-totals b{color:#58202b}.dashboard-aside>a{font-weight:800;color:var(--wine);font-size:11px}.workspace-intro{position:relative;border-bottom:1px solid #e6dcd2;padding:16px 0 24px;margin-bottom:23px}.workspace-intro h1{font-size:clamp(26px,2.7vw,37px);margin:2px 0 7px;color:#4e1d27}.workspace-intro>p:not(.eyebrow){font-size:12px;color:#826f68;max-width:780px;margin:0}.workspace-intro>.btn{margin-top:13px}.report-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:17px}.report-pair .panel{min-width:0}.document-list{padding:18px;display:grid;gap:8px}.document-list a{display:block;padding:10px 12px;border-radius:10px;background:#f8f3ee;color:#6d1d29;font-weight:800}.document-list small{display:block;color:#968078;font-weight:400}.upload-form,.reverse-form{padding:17px;display:grid;gap:11px}.upload-form label,.reverse-form label{font-size:11px;font-weight:700}.upload-form input,.reverse-form input{margin-top:6px}.report-pair .raw-grid{max-height:500px;overflow:auto}.inline-edit input{min-width:210px;width:auto}
@media(max-width:1300px){.top-nav{gap:18px}.dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower{grid-template-columns:1fr}.report-pair{grid-template-columns:1fr}}
@media(max-width:950px){.workspace-topbar{padding:0 20px}.workspace-sidebar{right:20px}.main{margin-right:314px}.main .content{padding-right:0;padding-left:20px}.top-nav{display:none}}
@media(max-width:760px){.workspace-topbar{height:70px;padding:0 16px;justify-content:space-between}.top-brand{min-width:0}.top-brand .brand-mark{width:34px;height:34px;font-size:20px}.top-brand .brand b{font-size:15px}.top-workspace-label,.top-utilities .date-label{display:none}.workspace-sidebar{top:0;right:0;bottom:0;border-radius:0;width:min(320px,88vw);height:100vh;transform:translateX(105%)}.workspace-sidebar.open{transform:translateX(0)}.main{margin-right:0;padding-top:0;min-height:calc(100vh - 70px)}.main .content{padding:0 16px 35px}.dashboard-welcome{display:block;min-height:0;padding:31px 0}.dashboard-welcome .month-filter{margin-top:20px}.dashboard-metrics{gap:10px;margin-bottom:32px}.metric strong{font-size:22px;white-space:normal}.dashboard-actions{gap:10px}.dashboard-actions>a{min-height:125px;padding:13px}.dashboard-actions span{margin-bottom:10px}.section-heading{display:block}.main .footer{padding:12px 16px}}
@media(max-width:470px){.dashboard-metrics{grid-template-columns:1fr;gap:8px}.metric{min-height:0;padding:9px 0 10px;border-top:0;border-right:3px solid #6e2831;padding-right:13px}.metric strong{margin:0}.dashboard-actions{grid-template-columns:1fr 1fr}.dashboard-actions b{font-size:12px}.dashboard-actions small{font-size:10px}.welcome-actions{flex-wrap:wrap}.report-pair{display:block}.report-pair>.panel{margin-bottom:14px}}
@media print{.workspace-topbar,.workspace-sidebar,.sidebar-overlay,.dashboard-actions,.dashboard-aside,.upload-form,.reverse-form{display:none!important}.main{margin:0;padding:0}.main .content{padding:0}.workspace-intro{margin-top:0}.dashboard-welcome{min-height:0}.dashboard-lower{display:block}}
.paginated-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px}.paginated-foot nav{display:flex;gap:10px;align-items:center}.paginated-foot a{color:var(--wine);font-weight:800;border:1px solid #e3d4cc;border-radius:8px;padding:5px 9px;background:#fff}
@media(max-width:760px){.workspace-sidebar{z-index:45}.sidebar-overlay{z-index:40}}
.filter-bar input[type=date]{width:142px;flex:0 1 142px}.filter-bar select{width:135px}@media(max-width:760px){.filter-bar input[type=date]{flex:1;width:auto;min-width:135px}}
/* Consistent page headers across the original and new routes */
.content>.page-heading:first-child,.content>.feature-hero:first-child{background:transparent;border:0;border-bottom:1px solid #e5d9cf;border-radius:0;box-shadow:none;padding:17px 0 24px;margin-bottom:23px;min-height:0}.content>.page-heading:first-child:before,.content>.feature-hero:first-child:before,.content>.feature-hero:first-child:after{display:none}.content>.feature-hero:first-child{color:#4e1d27}.content>.feature-hero:first-child .eyebrow{color:#9a5257}.content>.feature-hero:first-child p:not(.eyebrow){color:#82706b}.content>.feature-hero:first-child .hero-symbol{color:#bb9891;text-shadow:none;font-size:50px;margin-inline-end:12px}.content>.feature-hero:first-child h1{font-size:clamp(26px,2.7vw,37px)}
/* Project logo: keep the supplied artwork intact at every placement. */
.brand-mark,.brand-mark.small{background:transparent;color:inherit;overflow:hidden;box-shadow:0 5px 14px rgba(93,28,32,.12);flex:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
/* Keep long navigation inside the sidebar and leave the session footer visible. */
.workspace-sidebar{overflow:hidden}
.workspace-sidebar .sidebar-identity{flex-shrink:0}
.workspace-sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:thin;scrollbar-color:#ffffff66 transparent}
.workspace-sidebar .sidebar-foot{position:relative;bottom:auto;flex-shrink:0;margin-top:10px}
@media(min-width:951px){.main .content{padding-left:clamp(20px,4vw,72px)}}
@media(min-width:761px) and (max-width:950px){.main .content{padding-right:20px}}
.dashboard-welcome{min-height:185px;padding-top:15px;padding-bottom:25px}
.dashboard-metrics{margin-bottom:34px}
@media(max-width:760px){.dashboard-welcome{min-height:0;padding:27px 0}.main .content{padding:0 16px 35px}}
/* MALК brand identity accents: burgundy, beige, warm neutral and blue-gray. */
:root{--wine:#7A0E18;--wine-dark:#590912;--sand:#E5D6B6;--cream:#F7F2E8;--blue:#B4C7D9;--deep:#7A0E18;--page:#faf7f2;--surface:#fffdfa;--soft-border:#eadfd3}
html,body{background:var(--page)}.workspace-topbar{background:#f9f5eef5;border-bottom-color:#e9ddcf}.top-brand .brand b{color:var(--wine)}.top-nav a:hover,.text-link,.row-link{color:var(--wine)}
.workspace-sidebar{background:radial-gradient(circle at 10% 3%,#9b3a4555,transparent 28%),linear-gradient(162deg,#7A0E18,#500a12);box-shadow:0 22px 48px #4e101d33}.workspace-sidebar .sidebar-foot{background:#500d16}
.top-workspace-label,.btn.primary,.badge.active{background:var(--wine)}.btn.primary:hover{background:var(--wine-dark)}.btn.primary{box-shadow:0 7px 18px #7a0e1824}
.dashboard-welcome{position:relative}.dashboard-welcome:before{content:"";position:absolute;right:-18px;top:35px;width:3px;height:65px;border-radius:8px;background:linear-gradient(var(--wine),var(--sand));opacity:.8}.dashboard-welcome h1,.section-heading h2,.workspace-intro h1{color:#491c26}
.dashboard-metrics .metric:first-child{border-color:var(--wine)}.dashboard-metrics .metric:nth-child(2){border-color:#c9ac83}.dashboard-metrics .metric:nth-child(3){border-color:var(--blue)}.metric strong{color:#4b2027}
.dashboard-actions>a{position:relative;overflow:hidden;border-color:#eadfd4;background:linear-gradient(140deg,#fffdfa,#fbf6f0)}.dashboard-actions>a:after{content:"";position:absolute;left:-35px;bottom:-56px;width:125px;height:125px;border:1px solid #e5d6b647;border-radius:50%;box-shadow:0 0 0 17px #e5d6b611;pointer-events:none}.dashboard-actions>a:nth-child(2) span{background:#e9f0f4;color:#52738a}.dashboard-actions>a:nth-child(3) span{background:#f2ecd9;color:#947245}
.panel{border-color:#ebe0d7}.panel-head{border-bottom-color:#eee4dc}.nav-link.active{color:var(--wine)}.content>.page-heading:first-child,.content>.feature-hero:first-child{border-bottom-color:#e6d5c8}
.footer{display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:space-between}.footer a{color:var(--wine);font-weight:800}.footer-rights{color:#8b7772!important;padding:0!important}.login-about-link{margin:18px 0 0;text-align:center;font-size:11px;font-weight:800}.login-about-link a{color:var(--wine)}.install-card .brand-mark{box-shadow:0 10px 23px #7a0e181d}
@media(max-width:760px){.dashboard-welcome:before{top:31px;right:-10px;height:52px}.footer{align-items:flex-start;gap:7px}.footer-rights{width:100%}}