:root{--bg:#FAF8F5;--surface:#FFFFFF;--surface-2:#F4F0E9;--surface-3:#EDE7DC;--ink:#1C1917;--ink-2:#3B3733;--muted:#77716A;--line:#E7E1D7;--line-2:#D8D0C2;--teal-900:#0A2E2D;--teal-800:#0E3D3B;--teal-700:#12504C;--teal-500:#1D6F68;--teal-100:#DCEBE8;--gold:#A16207;--gold-2:#C08A2E;--gold-soft:#F7EDD8;--green:#177245;--green-soft:#E3F3E8;--red:#B42318;--red-soft:#FBE7E4;--amber:#A85B08;--amber-soft:#FBEFDD;--radius:18px;--radius-sm:12px;--radius-lg:26px;--shadow-sm:0 1px 2px rgba(28,25,23,.04), 0 8px 24px rgba(28,25,23,.05);--shadow:0 20px 55px rgba(10,46,45,.12);--font-body:"Noto Sans Arabic",ui-sans-serif,system-ui,sans-serif;--font-head:"Noto Naskh Arabic",Georgia,serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.35;letter-spacing:0}h1{font-size:clamp(1.9rem,3.4vw,2.9rem)}h2{font-size:clamp(1.4rem,2.2vw,1.9rem)}h3{font-size:1.15rem}p{color:var(--ink-2)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:.95rem;color:var(--ink)}img,svg{display:block;max-width:100%}.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:24px}.muted{color:var(--muted);font-size:.85rem}.note{display:flex;gap:.45rem;align-items:flex-start;font-size:.82rem;color:var(--muted);margin-top:.75rem;line-height:1.6}.hint{font-size:.82rem;color:var(--gold);margin-top:.6rem}@media (max-width:640px){.container{padding-inline:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.35rem;border-radius:999px;font-size:.92rem;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.5rem .9rem;font-size:.82rem}.btn-primary{background:var(--teal-800);color:#fff;box-shadow:0 10px 24px #0e3d3b2e}.btn-primary:hover:not(:disabled){transform:translateY(-2px);background:var(--teal-700);box-shadow:0 16px 32px #0e3d3b3d}.btn-accent{background:var(--gold-2);color:#231a08;box-shadow:0 10px 26px #c08a2e47}.btn-accent:hover:not(:disabled){transform:translateY(-2px);background:#d09a38}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover:not(:disabled){transform:translateY(-2px);background:#000}.btn-ghost{background:transparent;border:1.5px solid var(--line-2);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);transform:translateY(-1px)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{transform:translateY(-1px)}.btn-wa{background:#1fa855;color:#fff}.btn-wa:hover{background:#198c46;transform:translateY(-2px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--muted);background:var(--surface-2);transition:.18s}.icon-btn:hover{background:var(--surface-3);color:var(--ink);transform:translateY(-1px)}.icon-btn--green{background:#e5f6ec;color:#1b8a4b}.icon-btn--wa{background:var(--teal-100);color:var(--teal-700)}.icon-btn--danger{background:var(--red-soft);color:var(--red)}.pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.badge--green{background:var(--green-soft);color:var(--green);border-color:#c8e6d3}.badge--red{background:var(--red-soft);color:var(--red);border-color:#f3cfc9}.badge--amber{background:var(--amber-soft);color:var(--amber);border-color:#efd8b4}.avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--teal-800);color:#f6edda;font-weight:700;font-size:.95rem;flex:0 0 auto}.avatar--sm{width:30px;height:30px;font-size:.8rem}label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.01em}input,select,textarea{width:100%;padding:.68rem .9rem;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);outline:none;transition:border-color .18s,box-shadow .18s;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--teal-500);box-shadow:0 0 0 4px #1d6f681f}input:disabled{background:var(--surface-2);color:var(--muted)}textarea{resize:vertical;min-height:80px;line-height:1.7}.form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.form-error{background:var(--red-soft);color:var(--red);padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.85rem}.phone-input{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding-inline:.7rem}.phone-input:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 4px #1d6f681f}.phone-input span{color:var(--muted);font-size:.85rem;direction:ltr}.phone-input input{border:none;box-shadow:none;padding-inline:0;background:transparent}.phone-input input:focus{box-shadow:none}.select{flex-direction:row;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.25rem .35rem .25rem .9rem;font-weight:500;color:var(--muted);font-size:.8rem}.select select{border:none;background:transparent;padding:.35rem .5rem;width:auto;font-size:.85rem;font-weight:600;color:var(--ink)}.select select:focus{box-shadow:none}.tabs{display:flex;gap:.25rem;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:.28rem;margin-bottom:1.2rem}.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--muted);transition:.2s}.tab.is-active{background:var(--surface);color:var(--teal-800);box-shadow:var(--shadow-sm)}.segmented{display:flex;gap:.4rem;background:var(--surface-2);padding:.25rem;border-radius:999px}.segmented button{flex:1;padding:.45rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--muted);transition:.2s}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.navbar{position:sticky;top:0;z-index:40;background:#faf8f5e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:74px}.brand{display:flex;align-items:center;gap:.6rem;text-align:start}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--teal-700),var(--teal-900));color:#f0dcb4;box-shadow:0 8px 20px #0a2e2d40}.brand__text{display:flex;flex-direction:column;line-height:1.25}.brand__text strong{font-family:var(--font-head);font-size:1.12rem;color:var(--ink)}.brand__text small{font-size:.68rem;color:var(--muted);letter-spacing:.04em}.navlinks{display:flex;align-items:center;gap:.2rem}.navlink{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .8rem;border-radius:999px;font-size:.88rem;font-weight:500;color:var(--ink-2);transition:.2s;position:relative}.navlink:hover{background:var(--surface-2);color:var(--teal-800)}.navlink.is-active{color:var(--teal-800);background:var(--teal-100);font-weight:700}.navlink__badge{background:var(--gold);color:#fff;font-size:.65rem;padding:.05rem .38rem;border-radius:999px}.navbar__actions{display:flex;align-items:center;gap:.6rem}.userchip{display:flex;align-items:center;gap:.55rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.22rem .3rem .22rem .8rem}.userchip__meta{display:flex;flex-direction:column;line-height:1.25}.userchip__meta strong{font-size:.82rem;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userchip__meta small{font-size:.68rem;color:var(--muted)}.burger{display:none}@media (max-width:980px){.navlinks{position:absolute;top:74px;inset-inline:0;flex-direction:column;align-items:stretch;gap:.15rem;background:var(--surface);border-bottom:1px solid var(--line);padding:1rem;display:none;box-shadow:var(--shadow)}.navlinks.is-open{display:flex}.navlink{padding:.75rem 1rem}.burger{display:inline-flex}.userchip__meta{display:none}}.hero{position:relative;background:linear-gradient(150deg,#0a2e2d,#103f3c 55%,#155048);color:#f3efe5;overflow:hidden;border-bottom-left-radius:34px;border-bottom-right-radius:34px}.hero__waves{position:absolute;inset:auto 0 -2px 0;opacity:.5;pointer-events:none}.hero__waves svg{width:100%;height:180px}.hero__grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding-block:4.2rem 4.6rem}.hero__eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;letter-spacing:.06em;color:#e9cfa0;background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:.35rem .85rem;border-radius:999px;margin-bottom:1.1rem}.hero h1{font-family:var(--font-head);font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.28;color:#fbf7ee;margin-bottom:1rem}.hero h1 em{font-style:normal;color:#e3bd74;position:relative}.hero__copy p{color:#c9d8d3;font-size:1.03rem;max-width:38rem}.searchbar{display:flex;align-items:center;gap:.6rem;background:#fbf9f4;border-radius:999px;padding:.45rem .45rem .45rem 1rem;margin-top:1.7rem;max-width:34rem;box-shadow:0 18px 40px #00000038}.searchbar svg{color:var(--muted);flex:0 0 auto}.searchbar input{border:none;background:transparent;padding:.55rem .2rem;font-size:.95rem}.searchbar input:focus{box-shadow:none}.searchbar .btn{padding:.6rem 1.4rem}.hero__stats{display:flex;gap:2.2rem;margin-top:1.9rem}.hero__stats div{display:flex;flex-direction:column}.hero__stats strong{font-family:var(--font-head);font-size:1.7rem;color:#f0dcb4;line-height:1.2}.hero__stats span{font-size:.78rem;color:#a9c2bb}.hero__card{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:1.6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px #00000038}.hero__card h3{color:#fbf7ee;font-size:1.05rem;margin-bottom:1rem}.hero__card ul{list-style:none;display:flex;flex-direction:column;gap:.9rem}.hero__card li{display:flex;gap:.65rem;align-items:flex-start;font-size:.88rem;color:#d6e2dd;line-height:1.6}.hero__card li svg{color:#e3bd74;flex:0 0 auto;margin-top:.15rem}.hero__rate{margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.8rem;color:#bfd2cb}.hero__rate strong{font-family:var(--font-head);font-size:1.3rem;color:#f0dcb4}.hero__rate .bar{flex-basis:100%;height:5px;background:#ffffff26;border-radius:99px;overflow:hidden}.hero__rate{flex-wrap:wrap}.hero__rate .bar i{display:block;height:100%;background:linear-gradient(90deg,#c08a2e,#ebd49c);border-radius:99px}@media (max-width:900px){.hero__grid{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.hero__card{order:2}.hero__stats{gap:1.4rem}}.feed{padding-block:2.4rem 3.4rem}.chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.05rem;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;transition:.18s}.chip:hover{border-color:var(--teal-500);color:var(--teal-800);transform:translateY(-1px)}.chip.is-active{background:var(--teal-800);border-color:var(--teal-800);color:#f4efe3}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 1.4rem;flex-wrap:wrap}.toolbar__count{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.88rem}.toolbar__count strong{color:var(--ink);font-size:1rem}.toolbar__controls{display:flex;gap:.6rem;flex-wrap:wrap}.grid{display:grid;gap:1.35rem}.grid--products,.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pcard__art{position:relative;display:block;width:100%;text-align:start}.fish-art{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}.fish-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px);opacity:.5}.fish-svg{width:74%;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28));transition:transform .4s ease}.pcard:hover .fish-svg{transform:translate(-6px) scale(1.04)}.fish-art__tag{position:absolute;top:.85rem;inset-inline-start:.85rem;font-size:.68rem;font-weight:700;color:#f6f1e7;background:#0a2e2d73;border:1px solid rgba(255,255,255,.22);padding:.15rem .55rem;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pcard__price{position:absolute;bottom:.75rem;inset-inline-end:.75rem;background:var(--surface);color:var(--ink);font-weight:800;font-size:1rem;padding:.3rem .75rem;border-radius:999px;box-shadow:var(--shadow-sm)}.pcard__price small{font-size:.68rem;font-weight:500;color:var(--muted)}.pcard__body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.6rem}.pcard__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.pcard__top h3{font-size:1rem;line-height:1.45;font-family:var(--font-body);font-weight:700}.pcard__meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.75rem;color:var(--muted)}.pcard__meta span{display:inline-flex;align-items:center;gap:.3rem}.pcard__seller{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--ink-2);padding-top:.55rem;border-top:1px dashed var(--line)}.pcard__actions{display:flex;gap:.45rem;align-items:center;margin-top:.2rem}.pcard__actions .btn{flex:1}.skeleton-card{height:330px;background:linear-gradient(90deg,var(--surface-2) 25%,#EFEAE1 50%,var(--surface-2) 75%);background-size:200%;animation:shimmer 1.4s infinite;border-radius:var(--radius)}@media (max-width:980px){.grid--products,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid--products,.grid--3{grid-template-columns:1fr}}.trust{margin-top:4rem;padding-top:2.6rem;border-top:1px solid var(--line)}.trust__head{text-align:center;margin-bottom:2rem}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--gold);background:var(--gold-soft);padding:.3rem .8rem;border-radius:999px;margin-bottom:.7rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.step{position:relative;display:flex;flex-direction:column;gap:.5rem}.step svg{color:var(--teal-700)}.step h4{font-size:1rem}.step p{font-size:.85rem;color:var(--muted);line-height:1.7}.step__num{position:absolute;top:1rem;inset-inline-end:1.2rem;font-family:var(--font-head);font-size:1.6rem;color:var(--surface-3)}.cta-band{margin-top:3rem;background:linear-gradient(120deg,var(--teal-800),var(--teal-700));border-radius:var(--radius-lg);padding:2rem 2.2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#f6f1e7;flex-wrap:wrap}.cta-band h3{color:#fbf7ee;font-size:1.35rem}.cta-band p{color:#c6d8d2;font-size:.9rem;margin-top:.2rem}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6rem;padding:3rem 1rem;color:var(--muted);background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--radius)}.empty svg{color:var(--line-2)}.empty h3{color:var(--ink)}.empty p{font-size:.88rem;max-width:26rem}.empty--page{margin-block:3rem;min-height:320px}.empty--sm{padding:1.6rem;border-style:solid}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:2.4rem 0 1.6rem;flex-wrap:wrap}.pagehead p{color:var(--muted);font-size:.9rem;margin-top:.25rem}.section-title{font-family:var(--font-head);font-size:1.15rem;margin:1.8rem 0 .9rem}.panel-loading{padding:2.4rem 0}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,#EFEAE1 50%,var(--surface-2) 75%);background-size:200%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .45s ease both}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1e1d8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;display:flex;align-items:center;justify-content:center;padding:1.2rem;animation:fadeUp .2s ease}.modal{background:var(--bg);border-radius:var(--radius-lg);max-width:460px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 80px #00000059;padding:0}.modal--wide{max-width:720px}.modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem 1.5rem .4rem}.modal__head h3{font-size:1.25rem}.modal__head p{font-size:.8rem;color:var(--muted)}.modal__body{padding:1rem 1.5rem 1.6rem}.toast-wrap{position:fixed;bottom:1.4rem;inset-inline-start:1.4rem;z-index:90;display:flex;flex-direction:column;gap:.55rem}.toast{padding:.75rem 1.15rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);animation:fadeUp .25s ease;min-width:220px}.toast--success{border-color:#c8e6d3;background:#f1faf4;color:var(--green)}.toast--error{border-color:#f3cfc9;background:#fef3f1;color:var(--red)}.toast--info{border-color:var(--line-2);background:var(--surface);color:var(--ink-2)}.demo{margin-top:1.2rem;padding-top:1rem;border-top:1px dashed var(--line)}.demo>span{font-size:.75rem;color:var(--muted)}.demo__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.5rem}.demo__grid button{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .3rem;border-radius:10px;background:var(--surface-2);font-size:.75rem;font-weight:600;transition:.15s;border:1px solid transparent}.demo__grid button:hover{border-color:var(--teal-500);background:var(--teal-100)}.demo__grid small{font-size:.64rem;color:var(--muted);direction:ltr}.detail{padding-block:1.6rem 3.4rem}.back{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted);margin-bottom:1.2rem;padding:.35rem .8rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);transition:.18s}.back:hover{color:var(--teal-800);border-color:var(--teal-500)}.detail__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:start}.detail__media{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.detail__media .fish-art{aspect-ratio:5/4}.detail__badges{position:absolute;top:1rem;inset-inline-start:1rem;display:flex;gap:.4rem}.detail__badges .badge{background:#ffffffeb}.detail__info h1{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:.5rem}.detail__price{display:flex;align-items:baseline;gap:.5rem;padding-block:.6rem 1rem;border-bottom:1px dashed var(--line)}.detail__price strong{font-family:var(--font-head);font-size:2rem;color:var(--teal-800)}.detail__price span{font-size:.85rem;color:var(--muted)}.detail__specs{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.6rem .9rem;padding-block:1.1rem;font-size:.86rem;color:var(--ink-2)}.detail__specs li{display:flex;align-items:center;gap:.45rem}.detail__specs svg{color:var(--teal-500);flex:0 0 auto}.detail__desc{font-size:.92rem;line-height:1.9;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.1rem}.sellerbox{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.sellerbox>div{display:flex;flex-direction:column;flex:1}.sellerbox strong{font-size:.92rem}.sellerbox small{display:flex;align-items:center;gap:.3rem;font-size:.76rem;color:var(--muted);direction:rtl}.detail__actions{display:flex;gap:.6rem;margin-top:1.2rem;flex-wrap:wrap}.detail__actions .btn{flex:1;min-width:170px}@media (max-width:860px){.detail__grid{grid-template-columns:1fr;gap:1.6rem}.detail__specs{grid-template-columns:1fr}}.chatpage{display:grid;grid-template-columns:310px 1fr;gap:1.2rem;padding-block:2rem 3rem;min-height:72vh}.chatlist{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem;display:flex;flex-direction:column;gap:.35rem;max-height:66vh;overflow:auto}.chatlist h2{font-size:1.05rem;padding:.3rem .5rem .7rem}.chatlist__item{display:flex;align-items:center;gap:.6rem;padding:.6rem;border-radius:12px;text-align:start;transition:.16s;border:1px solid transparent}.chatlist__item:hover{background:var(--surface-2)}.chatlist__item.is-active{background:var(--teal-100);border-color:#c4dcd7}.chatlist__meta{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.4}.chatlist__meta strong{font-size:.85rem}.chatlist__meta small{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatlist__time{font-size:.64rem;color:var(--muted)}.chatthread{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;max-height:66vh;overflow:hidden}.chatthread__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--line)}.chatthread__head>div{display:flex;flex-direction:column;line-height:1.4}.chatthread__head small{display:flex;align-items:center;gap:.3rem;font-size:.74rem;color:var(--muted)}.chatthread__body{flex:1;overflow:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem;background:var(--bg)}.bubble{max-width:74%;padding:.6rem .9rem;border-radius:16px 16px 16px 4px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.bubble p{font-size:.88rem;line-height:1.7;color:var(--ink)}.bubble time{display:block;font-size:.62rem;color:var(--muted);margin-top:.2rem;direction:ltr;text-align:end}.bubble--me{align-self:flex-start;background:var(--teal-800);border-color:var(--teal-800);border-radius:16px 16px 4px}.bubble--me p{color:#f6f1e7}.bubble--me time{color:#a9c2bb}.chatsend{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--line);background:var(--surface)}.chatsend input{border-radius:999px}@media (max-width:860px){.chatpage{grid-template-columns:1fr}.chatlist{max-height:none;order:2}.chatthread{max-height:70vh}}.dashboard{padding-block:0 3rem}.subcard{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.35rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap}.subcard__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px}.subcard--ok .subcard__icon{background:var(--green-soft);color:var(--green)}.subcard--warn .subcard__icon{background:var(--amber-soft);color:var(--amber)}.subcard>div:not(.subcard__icon){flex:1;min-width:200px}.subcard strong{font-size:.95rem}.subcard p{font-size:.84rem;color:var(--muted);margin-top:.15rem}.statgrid{margin-top:1.4rem}.statcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.15rem;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}.statcard:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.statcard svg{color:var(--teal-500);margin-bottom:.35rem}.statcard span{font-size:.76rem;color:var(--muted)}.statcard strong{font-family:var(--font-head);font-size:1.5rem;color:var(--ink);line-height:1.2}.statcard small{font-size:.7rem;color:var(--muted)}.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:640px}.table th{text-align:start;font-size:.72rem;font-weight:700;color:var(--muted);padding:.85rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:.85rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fcfaf6}.table--tight td,.table--tight th{padding:.6rem .8rem;font-size:.8rem}.reject-note{display:block;font-size:.72rem;color:var(--red);margin-top:.2rem}.row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.hash{font-family:ui-monospace,monospace;font-size:.72rem;background:var(--surface-2);padding:.1rem .4rem;border-radius:6px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:1.6rem}.two-col--wide{grid-template-columns:1fr 1.1fr}@media (max-width:900px){.two-col,.two-col--wide{grid-template-columns:1fr}}.admin{padding-bottom:3.4rem}.tabbar{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid var(--line);scrollbar-width:none}.tabbar__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:12px 12px 0 0;font-size:.85rem;font-weight:600;color:var(--muted);white-space:nowrap;border-bottom:2.5px solid transparent;transition:.18s}.tabbar__btn:hover{background:var(--surface-2);color:var(--ink)}.tabbar__btn.is-active{color:var(--teal-800);border-bottom-color:var(--teal-700);background:var(--teal-100)}.tabbar__count{background:var(--gold);color:#fff;font-size:.64rem;padding:.02rem .35rem;border-radius:999px}.admin__body{padding-top:1.4rem;display:flex;flex-direction:column;gap:1rem}.reviewcard{display:grid;grid-template-columns:190px 1fr;gap:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}.reviewcard__thumb .fish-art{aspect-ratio:4/3;border-radius:12px}.reviewcard__head{display:flex;align-items:center;gap:.6rem;justify-content:space-between}.reviewcard__head h3{font-size:1rem;font-family:var(--font-body)}.reviewcard__info>p{font-size:.84rem;color:var(--muted);margin:.35rem 0 .55rem}.reviewcard__meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.75rem;color:var(--muted);margin-bottom:.8rem}.reviewcard__actions{display:flex;gap:.45rem;flex-wrap:wrap}.rejectbox{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.rejectbox input{flex:1;min-width:180px}.verifybar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.3rem;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.verifybar p{font-size:.8rem;color:var(--muted)}.verifyresult{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.1rem;border-radius:var(--radius-sm);font-size:.86rem;font-weight:600}.verifyresult.ok{background:var(--green-soft);color:var(--green);border:1px solid #C8E6D3}.verifyresult.bad{background:var(--red-soft);color:var(--red);border:1px solid #F3CFC9}.timeline{list-style:none;display:flex;flex-direction:column;gap:.9rem}.timeline li{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.timeline__dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500);flex:0 0 auto}.timeline li>div{display:flex;flex-direction:column;flex:1;line-height:1.4}.timeline small{font-size:.72rem;color:var(--muted)}.rankl{list-style:none;display:flex;flex-direction:column;gap:.55rem}.rankl li{display:flex;align-items:center;gap:.6rem;font-size:.84rem;padding-bottom:.55rem;border-bottom:1px dashed var(--line)}.rankn{width:22px;height:22px;border-radius:50%;background:var(--surface-2);font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;color:var(--teal-800)}.rankl .muted{margin-inline-start:auto;font-size:.72rem}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.2rem}.mini-stats div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem;display:flex;flex-direction:column}.mini-stats span{font-size:.7rem;color:var(--muted)}.mini-stats strong{font-family:var(--font-head);font-size:1.1rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.plan{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;text-align:start;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:1.3rem;transition:.2s}.plan:hover:not(:disabled){border-color:var(--teal-500);transform:translateY(-2px)}.plan.is-active{border-color:var(--teal-700);background:linear-gradient(160deg,#f2f8f6,#fff)}.plan svg{color:var(--teal-700)}.plan strong{font-size:1rem}.plan p{font-size:.82rem;color:var(--muted)}.settings-form{margin-top:0}.settings-form h3{margin-bottom:1rem}@media (max-width:760px){.reviewcard{grid-template-columns:1fr}.reviewcard__thumb{max-width:200px}.settings-grid{grid-template-columns:1fr}}.tickets{padding-bottom:3.4rem}.ticketlist{display:flex;flex-direction:column;gap:.7rem}.ticketrow{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.ticketrow__head{display:flex;align-items:center;gap:.7rem;width:100%;padding:.85rem 1rem;text-align:start}.ticketrow__head:hover{background:var(--surface-2)}.ticketrow__title{display:flex;flex-direction:column;flex:1;line-height:1.45;min-width:0}.ticketrow__title strong{font-size:.88rem}.ticketrow__title small{font-size:.72rem;color:var(--muted)}.ticketrow__body{padding:.2rem 1rem 1rem;display:flex;flex-direction:column;gap:.7rem;border-top:1px solid var(--line)}.ticketrow__body>p{font-size:.85rem;color:var(--ink-2);line-height:1.8}.rot{transform:rotate(180deg);transition:.2s}.ticketcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.1rem}.ticketcard__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.ticketcard__head small{font-size:.7rem;color:var(--muted)}.ticketcard h4{font-size:.92rem;font-family:var(--font-body);margin-bottom:.25rem}.ticketcard p{font-size:.83rem;color:var(--muted);line-height:1.7}.reply{display:flex;gap:.4rem;align-items:flex-start;font-size:.8rem;color:var(--teal-800);background:var(--teal-100);padding:.5rem .7rem;border-radius:10px;margin-top:.5rem;line-height:1.6}.reply svg{flex:0 0 auto;margin-top:.15rem}.footer{background:var(--teal-900);color:#c9d8d3;margin-top:3rem;padding-top:3rem}.footer__grid{display:grid;grid-template-columns:1.6fr .8fr 1fr;gap:2rem;padding-bottom:2rem}.brand--footer .brand__text strong{color:#f6f1e7}.brand--footer .brand__text small{color:#9fb8b2}.footer p{font-size:.84rem;color:#a9c2bb;max-width:32rem;margin-top:.8rem;line-height:1.8}.footer h4{color:#f6f1e7;font-size:.9rem;margin-bottom:.7rem;font-family:var(--font-body)}.footer__grid>div:not(:first-child){display:flex;flex-direction:column;gap:.45rem;align-items:flex-start}.footer__grid button,.footer__grid span{font-size:.83rem;color:#b7cbc5;display:inline-flex;align-items:center;gap:.35rem;transition:.18s}.footer__grid button:hover{color:#e3bd74}.footer__note{color:#8fa9a3!important}.footer__bottom{display:flex;justify-content:space-between;gap:1rem;padding-block:1.1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.76rem;color:#8fa9a3;flex-wrap:wrap}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:var(--bg)}.boot__mark{font-family:var(--font-head);font-size:2rem;color:var(--teal-800);letter-spacing:.02em}@media (max-width:860px){.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>div:first-child{grid-column:1/-1}}@media (max-width:520px){.footer__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}