.coming-badge { display:inline-block; font-size:10px; font-weight:400; margin-inline-start:8px; padding:1px 7px; color:#8997b2; background:#eef2f8; border-radius:4px; vertical-align:middle; }
.market-hero { display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center; padding:44px; border:1px solid #e0e7f5; border-radius:20px; background:radial-gradient(ellipse at 0 100%,#dae6ff,transparent 65%),#f5f8ff; }
.market-hero h1 { font-size:clamp(32px,4vw,52px); }.market-hero h1 span { color:#536fd1; }.market-hero p { max-width:540px; }.market-hero-art { justify-self:center; width:240px; height:210px; border:1px solid #c5d4f3; border-radius:16px; background:#ffffffba; transform:rotate(-8deg); box-shadow:15px 20px 0 #dbe5f7; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#607ac7; direction:ltr; }.market-hero-art strong { font-size:85px; line-height:1.2; }.market-hero-art>span { font:12px Arial; letter-spacing:5px; }.market-hero-art small { font:8px Arial; letter-spacing:2px; }
.market-benefits { display:flex; justify-content:space-between; gap:18px; padding:25px 12px; color:#8999b5; border-bottom:1px solid #e4ebf6; font-size:13px; }.market-categories { display:flex; gap:12px; flex-wrap:wrap; margin:34px 0 12px; }.market-categories a,.market-categories>span { padding:10px 16px; background:white; border:1px solid #dfe6f4; border-radius:30px; font-size:14px; color:#6580ab; }.market-categories b { font-size:10px; font-weight:400; color:#a0aec3; margin-right:6px; }
.market-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:28px; }.market-card { border:1px solid #dfe7f4; border-radius:16px; background:white; overflow:hidden; transition:box-shadow .2s,transform .2s; }.market-card:hover { box-shadow:0 14px 35px #567bb515; transform:translateY(-3px); }.market-image { height:210px; display:grid; place-items:center; position:relative; background:linear-gradient(135deg,#edf4ff,#e0e9fb); }.market-image img { width:100%; height:100%; object-fit:contain; padding:20px; }.market-type { position:absolute; top:15px; right:15px; color:#6f86b1; background:#ffffffde; border:1px solid #e0e7f5; padding:5px 10px; border-radius:20px; font-size:11px; }.account-monogram { display:grid; place-items:center; width:95px; height:95px; background:#ffffff99; border:1px solid #c9d8f5; color:#7893d1; font:bold 54px Arial; border-radius:22px; }
.market-body { padding:24px; }.manual-label { color:#94a5bf; font-size:11px; }.market-body h2 { margin:12px 0; font-size:22px; }.market-body>p { font-size:14px; min-height:52px; }.market-facts { display:flex; gap:10px; flex-wrap:wrap; color:#9aa8be; font-size:11px; margin:18px 0; }.market-facts span { background:#f5f8fc; padding:5px 8px; border-radius:5px; }.market-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #edf1f8; padding-top:20px; }.market-bottom strong { color:#4b6391; font-size:18px; }.market-bottom small { font-size:10px; font-weight:400; }.market-bottom .ui-button { font-size:12px; padding:10px 13px; }
.account-detail-layout { display:grid; grid-template-columns:1fr 1.15fr; gap:50px; align-items:start; }.account-detail-image { min-height:380px; display:grid; place-items:center; background:radial-gradient(#e5edff,#f4f8ff); border:1px solid #dfe8f7; border-radius:18px; }.account-detail-image img { width:100%; max-height:420px; object-fit:contain; padding:30px; }.account-detail-image .account-monogram { width:150px; height:150px; font-size:80px; }.spec-list p { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-bottom:1px solid #e8eef7; font-size:14px; }.spec-list strong { font-weight:500; color:#556e98; }.detail-price { font-size:32px; color:#385080; margin:24px 0; }.detail-price small { font-size:14px; }.product-instructions { padding:35px; border:1px solid #e1e8f5; border-radius:14px; margin-top:40px; }.product-instructions p { white-space:pre-wrap; }.ui-button:disabled { background:#eef2f8; color:#9aa8c0; border-color:#e0e7f2; cursor:not-allowed; box-shadow:none; }
.workspace-welcome { display:flex; align-items:center; gap:18px; }.workspace-welcome p { margin:0; font-size:13px; }.workspace-welcome h2 { margin:6px 0; }.workspace-welcome .ui-button { margin-inline-start:auto; font-size:13px; }.avatar { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:#e9efff; color:#6c84c3; font-size:24px; flex-shrink:0; }.sidebar-identity { padding:20px 10px; display:flex; align-items:center; flex-direction:column; gap:10px; border-bottom:1px solid #e5ebf5; margin-bottom:15px; }.sidebar-identity strong { color:#6f84a9; font-weight:500; }.sidebar-identity small { color:#a5b2c7; }.workspace-section-title { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:30px 0 20px; }
.delivery-order { padding:24px; border:1px solid #dfe7f4; border-radius:13px; margin:18px 0; }.order-title { display:flex; justify-content:space-between; align-items:center; gap:15px; }.order-title h3 { margin:0; font-size:17px; }.order-title p { margin:8px 0; font-size:14px; }.state-badge { border-radius:20px; padding:6px 12px; background:#fff7e9; color:#b38d50; font-size:11px; white-space:nowrap; }.state-badge.delivered { color:#5f9683; background:#eef8f3; }.order-meta { display:flex; justify-content:space-between; color:#93a3bd; font-size:12px; padding:15px 0; }.delivery-track { display:flex; justify-content:space-between; padding:20px 0; list-style:none; gap:12px; border-top:1px solid #edf1f8; font-size:12px; color:#b0bacd; }.delivery-track li::before { content:'○'; margin-left:6px; }.delivery-track .complete { color:#638cbd; }.delivery-track .complete::before { content:'✓'; }.delivery-track .current { color:#b79a6a; }.delivery-pending { font-size:13px; margin:0; }.delivery-box { background:#f5f9ff; border-radius:8px; padding:16px; }.delivery-box summary { cursor:pointer; color:#617fac; }.delivery-box pre { white-space:pre-wrap; overflow-wrap:anywhere; font:14px/2 Peyda,sans-serif; color:#486186; padding:14px; border:1px solid #dce6f7; background:white; border-radius:6px; }
.auth-feature-list { display:grid; gap:22px; padding-top:50px; color:#839aca; font-size:15px; }.auth-trust-mark { margin-top:70px; color:#a3b5d7; font:9px Arial; letter-spacing:2px; }.auth-heading-icon { width:44px; height:44px; display:grid; place-items:center; background:#eef3ff; border-radius:12px; color:#7c95cb; font-size:26px; }.auth-subtitle { margin:0; font-size:14px; }
.admin-tabs { display:flex; gap:12px; margin-bottom:26px; }.admin-layout { display:grid; grid-template-columns:1fr 1fr; gap:35px; align-items:start; }.admin-product-row { display:flex; align-items:center; gap:18px; padding:22px; border:1px solid #e0e7f4; border-radius:12px; margin:15px 0; }.admin-product-row>div { flex:1; }.admin-product-row strong { color:#637da6; }.admin-product-row p { font-size:12px; margin-bottom:0; }.admin-image-preview { width:100%; height:170px; object-fit:contain; border:1px solid #e0e7f3; border-radius:8px; }.admin-orders { margin-top:60px; }.delivery-form { margin-top:22px; }.admin-layout form { scroll-margin-top:100px; }
@media(max-width:1000px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.market-hero{padding:30px;}.market-hero-art{width:190px;height:180px;}.admin-layout{grid-template-columns:1fr;}}
@media(max-width:760px){.market-hero{grid-template-columns:1fr;}.market-hero-art{display:none;}.market-benefits{flex-wrap:wrap;}.market-benefits span{width:45%;}.market-grid,.account-detail-layout{grid-template-columns:1fr;}.account-detail-image{min-height:250px;}.sidebar-identity{display:none;}.workspace-welcome{flex-wrap:wrap;}.workspace-welcome .ui-button{margin-inline-start:0;}.delivery-track{flex-wrap:wrap;}.order-title{flex-wrap:wrap;}.admin-product-row{flex-wrap:wrap;}.auth-trust-mark{margin-top:30px;}.auth-feature-list{padding-top:20px;gap:12px;}}
@media(prefers-reduced-motion:reduce){.market-card{transition:none;}.market-card:hover{transform:none;}}