@font-face{font-family:Yekan;src:url('BYekan.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Yekan;src:url('WYekanBold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--yellow:#f5b800;--yellow-soft:#fff4c9;--ink:#171813;--muted:#74756f;--line:#e9e8e1;--paper:#fff;--canvas:#f5f5f1;--success:#138659;--danger:#d4493f;--shadow:0 24px 70px rgba(23,24,19,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Yekan,"B Yekan",Tahoma,sans-serif;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:86px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--yellow);display:grid;place-items:center;font-family:Arial;font-weight:900;font-size:18px;letter-spacing:-1px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.08)}.brand b{display:block;font-family:Yekan,"B Yekan",Tahoma,sans-serif;font-size:16px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:14px}.sync-status{font-size:12px;color:var(--muted);background:var(--canvas);padding:9px 13px;border-radius:20px}.sync-status i{display:inline-block;width:7px;height:7px;background:#26aa72;border-radius:50%;margin-left:5px;box-shadow:0 0 0 4px rgba(38,170,114,.1)}.sync-status b{color:var(--ink);font-weight:400}.icon-btn,.avatar{border:1px solid var(--line);background:var(--paper);width:40px;height:40px;border-radius:12px}.avatar{background:var(--ink);color:var(--yellow);border:0;font-weight:700}
main{max-width:1460px;margin:auto;padding:0 clamp(24px,5vw,76px) 48px}.hero{min-height:330px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 0 46px;position:relative}.hero:after{content:"TS";position:absolute;left:2%;font-family:Arial;font-weight:900;font-size:230px;line-height:1;color:transparent;-webkit-text-stroke:1px #e8e6dd;z-index:-1;letter-spacing:-18px}.eyebrow,.section-kicker,.modal-tag{font-size:12px;color:#806000;background:var(--yellow-soft);border-radius:20px;padding:6px 10px;display:inline-block}.hero h1{font-size:clamp(45px,5vw,73px);line-height:1.1;margin:18px 0 13px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--yellow);text-shadow:1px 1px 0 #9d7500}.hero p{color:var(--muted);font-size:16px;max-width:610px;margin:0}.hero-stats{display:grid;grid-template-columns:repeat(3,125px);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 13px 40px rgba(23,24,19,.06)}.hero-stats div{background:var(--paper);padding:25px 18px;text-align:center}.hero-stats span{display:block;color:var(--muted);font-size:12px}.hero-stats strong{font:700 34px Yekan;display:block;margin-top:7px}
.workspace{display:grid;grid-template-columns:245px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:580px;box-shadow:0 15px 50px rgba(23,24,19,.07)}.side-panel{padding:28px 20px;border-left:1px solid var(--line);background:#fbfbf8}.side-title{display:flex;justify-content:space-between;align-items:center;padding:0 7px 14px;font-size:14px;font-weight:700}.text-btn{border:0;background:none;color:#9b7410;font-size:11px}.categories{display:grid;gap:6px}.category-btn{border:0;background:transparent;text-align:right;border-radius:12px;padding:10px 12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;transition:.2s}.category-btn span:last-child{font-family:Arial;font-size:11px;background:#efefe9;padding:2px 7px;border-radius:20px}.category-btn:hover,.category-btn.active{background:var(--yellow-soft);color:var(--ink)}.category-btn.active{font-weight:700;box-shadow:inset -3px 0 0 var(--yellow)}.side-divider{height:1px;background:var(--line);margin:24px 6px}.side-action{width:100%;border:0;background:transparent;display:flex;text-align:right;align-items:center;gap:11px;padding:10px;border-radius:12px;margin-bottom:7px}.side-action:hover{background:#f0f0eb}.side-action .action-icon{width:35px;height:35px;border:1px solid var(--line);background:var(--paper);border-radius:10px;display:grid;place-items:center;font:700 20px Arial}.side-action b,.side-action small{display:block}.side-action b{font-size:13px}.side-action small{font-size:10px;color:var(--muted);margin-top:2px}
.content-panel{min-width:0;padding:31px 32px 23px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.toolbar h2{margin:5px 0 0;font-size:25px}.section-kicker{padding:0;background:transparent;color:#9b7410}.toolbar-actions{display:flex;gap:10px}.search-box{border:1px solid var(--line);background:#fafaf7;height:45px;border-radius:12px;display:flex;align-items:center;padding:0 13px;min-width:320px;transition:.2s}.search-box:focus-within{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,184,0,.15);background:#fff}.search-box svg{width:18px;fill:none;stroke:var(--muted);stroke-width:2;margin-left:8px}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.search-box kbd{direction:ltr;color:#aaa;border:1px solid var(--line);border-radius:5px;padding:1px 5px;font:10px Arial}.primary-btn{border:0;border-radius:12px;background:var(--yellow);color:#211a00;font-weight:700;padding:0 18px;min-height:45px;box-shadow:0 4px 0 #c89500;transition:.15s}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.primary-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #c89500}.primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-btn span{font-family:Arial;font-size:18px;margin-left:5px}.wide{width:100%;margin-top:18px}.price-update-banner{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:10px 13px;background:#faf9f3;border:1px solid var(--line);border-right:3px solid var(--yellow);border-radius:12px}.update-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:var(--yellow-soft);color:#8b6700;font:19px Arial}.update-details small,.update-details b{display:block}.update-details small{color:var(--muted);font-size:10px}.update-details b{margin-top:2px;font-size:12px}.price-update-banner em{margin-right:auto;color:var(--muted);font-size:11px;font-style:normal;direction:ltr;unicode-bidi:plaintext}.active-filter{background:var(--yellow-soft);padding:9px 13px;border-radius:10px;font-size:12px;margin-bottom:12px;color:#6f550a}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:right;color:var(--muted);font-size:11px;font-weight:400;background:#f8f8f5;border-bottom:1px solid var(--line);padding:13px 15px}td{padding:15px;border-bottom:1px solid #f0efe9;font-size:13px}tbody tr{transition:.15s}tbody tr:hover{background:#fffaf0}tbody tr:last-child td{border-bottom:0}.check-cell{width:45px;text-align:center}.product-name{font-weight:700}.product-name small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.code{font:12px Arial;direction:ltr;display:inline-block;color:#555;background:#f1f1ec;border-radius:6px;padding:4px 7px}.price{font-weight:700;font-variant-numeric:tabular-nums}.status-pill{font-size:10px;color:var(--success);background:#e7f6ef;border-radius:20px;padding:4px 8px}.table-footer{display:flex;justify-content:space-between;padding:15px 5px 0;color:var(--muted);font-size:11px}.selection-count{color:#8f6b08}.empty-state{text-align:center;padding:65px 20px;color:var(--muted)}.empty-state span{display:block;font:44px Arial;color:var(--yellow)}.empty-state b,.empty-state small{display:block}.empty-state b{color:var(--ink);font-size:16px}.empty-state small{margin-top:4px}
footer{max-width:1460px;margin:auto;padding:0 clamp(24px,5vw,76px) 30px;display:flex;justify-content:space-between;color:#999;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:rgba(20,20,17,.58);backdrop-filter:blur(5px);z-index:40}.modal{position:fixed;z-index:41;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 28px));max-height:90vh;overflow:auto;background:var(--paper);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.modal-close{position:absolute;left:18px;top:17px;width:32px;height:32px;border:1px solid var(--line);background:transparent;border-radius:9px;font-size:21px;color:var(--muted)}.modal h3{font-size:24px;margin:11px 0 5px}.modal>p{color:var(--muted);font-size:13px;margin:0 0 22px}.field{display:grid;gap:6px;font-size:12px;color:var(--muted)}.field input,.field select{height:46px;border:1px solid var(--line);background:#fafaf7;border-radius:11px;padding:0 13px;outline:0;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,184,0,.15)}.expert-preview{margin:12px 0 17px;padding:12px;background:#f8f8f4;border-radius:10px;font-size:12px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px;text-align:right}.format-card.selected{border:2px solid var(--yellow);background:#fffcf2;padding:14px}.format-card b,.format-card small{display:block}.format-card small{color:var(--muted);font-size:10px}.file-icon{float:left;background:#ee5347;color:white;border-radius:6px;padding:5px;font:700 9px Arial}.file-icon.excel{background:#27885d}.inline-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.inline-form .primary-btn{grid-column:1/-1}.expert-list{display:grid;gap:8px;margin-top:18px;max-height:220px;overflow:auto}.expert-row{display:flex;align-items:center;justify-content:space-between;background:#f8f8f4;border:1px solid #efeee8;border-radius:11px;padding:10px 12px}.expert-row b,.expert-row small{display:block}.expert-row small{color:var(--muted);font-family:Arial;direction:ltr;text-align:right}.delete-btn{border:0;background:#fbe9e7;color:var(--danger);border-radius:8px;padding:6px 9px}.drop-zone{min-height:190px;border:2px dashed #d5d3c8;border-radius:15px;background:#fafaf6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.2s}.drop-zone.dragging{border-color:var(--yellow);background:var(--yellow-soft)}.upload-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--yellow);font:700 27px Arial;margin-bottom:10px}.drop-zone small{color:var(--muted);font-size:11px;margin-top:3px}.upload-preview{background:#f2f8f5;border:1px solid #dcece4;border-radius:12px;margin-top:13px;padding:12px;font-size:12px}.toast{position:fixed;z-index:60;left:28px;bottom:28px;background:var(--ink);color:white;border-right:4px solid var(--yellow);border-radius:10px;padding:12px 17px;box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
body.dark{--ink:#f4f1e6;--muted:#aaa99f;--line:#393a34;--paper:#24251f;--canvas:#191a16;--yellow-soft:#493b10}body.dark .side-panel,body.dark th,body.dark .search-box,body.dark .field input,body.dark .field select,body.dark .expert-row,body.dark .expert-preview,body.dark .drop-zone{background:#20211c}body.dark .category-btn span:last-child,body.dark .code{background:#35362f;color:#ddd}body.dark .format-card{background:#24251f}body.dark .format-card.selected{background:#332d18}
@media(max-width:1000px){.hero{align-items:flex-start}.hero-stats{grid-template-columns:repeat(3,100px)}.workspace{grid-template-columns:1fr}.side-panel{border-left:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.side-title{width:100%}.categories{display:flex;overflow:auto;width:100%;padding-bottom:3px}.category-btn{min-width:max-content}.side-divider{display:none}.side-action{width:auto;margin:6px 0 0;border:1px solid var(--line);background:var(--paper);padding:8px 11px}.toolbar{align-items:flex-start}.toolbar-actions{flex-direction:column}.search-box{min-width:280px}}
.side-action:disabled{opacity:.42;cursor:not-allowed}.side-action:disabled:hover{background:transparent}.danger-action{color:var(--danger)}.danger-action:hover{background:#fbe9e7}.danger-action .action-icon{border-color:#f1c8c4;background:#fff7f6}
.brand-logo{width:54px;height:54px;object-fit:cover;border-radius:14px;border:2px solid var(--yellow);box-shadow:0 5px 14px rgba(23,24,19,.18)}
.price-update-banner{min-height:82px;padding:16px 19px;margin-bottom:18px;background:#fff0bd;border:2px solid #e8a900;border-right:7px solid #d99000;border-radius:16px;box-shadow:0 8px 22px rgba(194,133,0,.16)}.update-icon{width:46px;height:46px;flex-basis:46px;border-radius:50%;background:#dc3f32;color:#fff;font:700 25px Arial;box-shadow:0 0 0 6px rgba(220,63,50,.1)}.update-details small{color:#895900;font-size:12px;font-weight:700}.update-details b{margin-top:4px;font-size:16px}.price-update-banner em{color:#73541a;font-size:12px;font-weight:700}.admin-confirm-field{margin-top:12px}.admin-error{margin-top:12px;padding:9px 11px;border-radius:9px;background:#fbe9e7;color:var(--danger);font-size:12px}
body.dark .price-update-banner{background:#4b3a12;border-color:#c28b00}body.dark .price-update-banner em,body.dark .update-details small{color:#ffd669}
@media(max-width:700px){.topbar{height:72px;padding:0 16px}.brand small,.sync-status,.icon-btn{display:none}main{padding:0 14px 30px}.hero{min-height:auto;padding:37px 5px}.hero h1{font-size:43px}.hero p{font-size:13px}.hero-stats{display:none}.side-panel{padding:16px 12px}.content-panel{padding:20px 14px}.toolbar{display:block}.toolbar-actions{margin-top:15px}.search-box{min-width:0;width:100%}.primary-btn{width:100%}.price-update-banner{align-items:flex-start;flex-wrap:wrap}.price-update-banner em{width:100%;margin-right:42px}.format-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.modal{padding:28px 20px}footer{padding:0 18px 22px}}

/* Mobile-first public download experience */
body{min-height:100svh;padding-bottom:env(safe-area-inset-bottom)}
.topbar{padding-top:env(safe-area-inset-top);height:calc(78px + env(safe-area-inset-top))}
.manage-btn{min-height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:0 14px;font-weight:700;display:flex;align-items:center;gap:7px}.manage-btn span{font:17px Arial;color:#9b7410}
.hero{min-height:auto;max-width:850px;margin:0 auto;text-align:center;justify-content:center;padding:70px 0 35px}.hero:after{left:50%;transform:translateX(-50%);font-size:210px;opacity:.7}.hero h1{font-size:clamp(43px,6vw,68px)}.hero p{margin:0 auto}
.download-card{max-width:780px;margin:0 auto 48px;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:0 22px 65px rgba(23,24,19,.1);display:grid;grid-template-columns:84px 1fr;gap:25px;position:relative;overflow:hidden}.download-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--yellow)}.download-card-icon{width:84px;height:84px;border-radius:24px;background:var(--yellow);display:grid;place-items:center;font:700 42px Arial;box-shadow:0 8px 0 #d09b00}.download-card-copy h2{font-size:30px;margin:5px 0 7px}.download-card-copy>p{color:var(--muted);font-size:14px;margin:0 0 22px}.download-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.download-summary span{background:var(--canvas);border-radius:12px;padding:12px;text-align:center;color:var(--muted);font-size:12px}.download-summary b{display:block;color:var(--ink);font-size:20px}.download-main-btn,.install-btn{width:100%;min-height:54px;font-size:15px}.install-btn{margin-top:12px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:12px;font-weight:700}.install-btn:hover{background:var(--canvas)}.install-btn span{color:#9b7410;font:22px Arial;margin-left:6px}.install-btn.install-ready{border-color:var(--yellow);background:var(--yellow-soft)}.install-hint{display:block;color:var(--muted);font-size:10px;text-align:center;margin-top:9px}.management-actions{display:grid;gap:9px}.management-actions .side-action{border:1px solid var(--line);background:var(--canvas);margin:0;padding:13px}.management-actions .side-action:hover{background:var(--yellow-soft)}.catalog-engine{display:none!important}
body.dark .download-summary span,body.dark .management-actions .side-action{background:#20211c}

@media(max-width:700px){
  .topbar{padding-left:14px;padding-right:14px}.brand{gap:9px}.brand-logo{width:45px;height:45px;border-radius:12px}.brand b{font-size:13px;max-width:185px;line-height:1.35}.manage-btn{font-size:0;width:44px;padding:0;justify-content:center}.manage-btn span{font-size:20px}
  main{padding:0 14px 26px}.hero{padding:37px 5px 25px}.hero:after{font-size:140px}.hero h1{font-size:39px;margin-top:14px}.hero p{font-size:13px;max-width:340px}
  .download-card{display:block;margin-bottom:30px;padding:27px 18px 22px;border-radius:22px}.download-card-icon{width:60px;height:60px;border-radius:18px;font-size:31px;margin:-2px auto 22px;box-shadow:0 6px 0 #d09b00}.download-card-copy{text-align:center}.download-card-copy h2{font-size:24px}.download-card-copy>p{font-size:12px}.price-update-banner{text-align:right}.download-summary{gap:6px}.download-summary span{padding:10px 4px;font-size:10px}.download-summary b{font-size:17px}.download-main-btn,.install-btn{min-height:52px}.toast{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center}.modal{max-height:calc(100svh - 20px);padding:28px 20px 24px;border-radius:20px}.field input,.field select{height:50px}.format-card{min-height:76px}.modal-close{min-width:36px;min-height:36px}
}
