body[class*=theme-] .home-container,body[class*=theme-] .home-container-wrapper{background:var(--t-gradient-bg)}body[class*=theme-] .top-nav{background:var(--t-gradient);box-shadow:0 4px 20px var(--t-primary-30);color:#fff}body[class*=theme-] .info-card-compact{background:var(--t-card);border-color:var(--t-border);box-shadow:0 1px 4px var(--t-primary-shadow);color:var(--t-text)}body[class*=theme-] .info-card-compact:hover{border-color:var(--t-accent);box-shadow:0 4px 16px var(--t-shadow-accent)}body[class*=theme-] .info-card-title{color:var(--t-text)}body[class*=theme-] .info-card-desc,body[class*=theme-] .info-card-meta .meta-item{color:var(--t-text-sec)}body[class*=theme-] .info-card-price{background:var(--t-gradient-accent);color:#fff}body[class*=theme-] .info-card-category{background:var(--t-gradient);color:#fff}body[class*=theme-] .badge-top{background:var(--t-gradient-accent);color:#fff}body[class*=theme-] .info-card-compact.top-pinned{background:var(--t-gradient-warm);border-color:var(--t-accent)}body[class*=theme-] .category-group-header{background:var(--t-gradient-warm);border-bottom-color:var(--t-accent-15)}body[class*=theme-] .category-group-title{color:var(--t-text)}body[class*=theme-] .category-group-count{background:var(--t-accent-15);color:var(--t-accent)}body[class*=theme-] .app-title{-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 1px 3px #0003}body[class*=theme-] .nav-btn{background:#ffffff2e;border-color:#ffffff40;color:#fff}body[class*=theme-] .board-type-tab.active,body[class*=theme-] .category-tab.active{background:var(--t-gradient);border-color:var(--t-primary-end);color:#fff}body[class*=theme-] .location-section{background:var(--t-card);border-color:var(--t-border-accent)}body[class*=theme-] .location-select{background:var(--t-card);border-color:var(--t-tab-border);color:var(--t-text)}body[class*=theme-] .location-btn-icon{background:var(--t-gradient);border-color:var(--t-accent-25);color:#fff}body[class*=theme-] .location-current{color:var(--t-primary);font-weight:600}body[class*=theme-] .info-header{background:var(--t-gradient);color:#fff}body[class*=theme-] .info-category-group{background:var(--t-card);border-color:var(--t-border-accent)}body[class*=theme-] .detail-header{background:var(--t-gradient-warm);border-bottom-color:var(--t-accent-15)}body[class*=theme-] .detail-price-amount{background:var(--t-gradient-accent);color:#fff}body[class*=theme-] .detail-meta-grid{background:var(--t-gradient-warm);border-color:var(--t-border-accent)}body[class*=theme-] .btn-publish{background:var(--t-gradient);border-color:#0000;color:#fff}body.theme-classic{--t-primary:#0052d9;--t-primary-end:#3b82f6;--t-accent:#ff9500;--t-accent-light:#ffb84d;--t-accent-dark:#e68600;--t-bg:#f5f8fc;--t-bg-warm:#f8f6f2;--t-card:#fff;--t-text:#1a1a2e;--t-text-sec:#6b7c93;--t-border:#d0e0f0;--t-border-accent:#ff95001f;--t-tab-bg:#edf2fa;--t-tab-border:#b8cce8;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a1a2e80;--t-shadow:#0052d914;--t-shadow-accent:#ff950026;--t-gradient:linear-gradient(135deg,#0052d9,#3b82f6);--t-gradient-accent:linear-gradient(135deg,#ff9500,#e68600);--t-gradient-warm:linear-gradient(135deg,#f8f6f2,#f0ede5);--t-gradient-bg:linear-gradient(180deg,#f5f8fc,#edf2fa 50%,#f5f8fc);--t-accent-15:#ff950026;--t-accent-25:#ff950040;--t-accent-30:#ff95004d;--t-primary-30:#0052d94d;--t-primary-40:#0052d966;--t-primary-60:#0052d999;--t-primary-shadow:#0052d90f}body.theme-peach{--t-primary:#fb7299;--t-primary-end:#ff9ab5;--t-accent:#00a1d6;--t-accent-light:#33c7e8;--t-accent-dark:#0080b0;--t-bg:#fff5f7;--t-bg-warm:#fff0f3;--t-card:#fff;--t-text:#2e1a2c;--t-text-sec:#8b7e88;--t-border:#ffd6e0;--t-border-accent:#00a1d61f;--t-tab-bg:#ffecf0;--t-tab-border:#ffc0d0;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#2e1a2c80;--t-shadow:#fb729914;--t-shadow-accent:#00a1d626;--t-gradient:linear-gradient(135deg,#fb7299,#ff9ab5);--t-gradient-accent:linear-gradient(135deg,#00a1d6,#0080b0);--t-gradient-warm:linear-gradient(135deg,#fff0f3,#ffe0e8);--t-gradient-bg:linear-gradient(180deg,#fff5f7,#ffecf0 50%,#fff5f7);--t-accent-15:#00a1d626;--t-accent-25:#00a1d640;--t-accent-30:#00a1d64d;--t-primary-30:#fb72994d;--t-primary-40:#fb729966;--t-primary-60:#fb729999;--t-primary-shadow:#fb72990f}body.theme-mint{--t-primary:#00b853;--t-primary-end:#00dc82;--t-accent:#ff8c00;--t-accent-light:#ffa940;--t-accent-dark:#e67a00;--t-bg:#f0fbf5;--t-bg-warm:#f2f8f0;--t-card:#fff;--t-text:#1a2e24;--t-text-sec:#5b8a74;--t-border:#b8e8d0;--t-border-accent:#ff8c001f;--t-tab-bg:#e5f7ed;--t-tab-border:#9adcb8;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a2e2480;--t-shadow:#00b85314;--t-shadow-accent:#ff8c0026;--t-gradient:linear-gradient(135deg,#00b853,#00dc82);--t-gradient-accent:linear-gradient(135deg,#ff8c00,#e67a00);--t-gradient-warm:linear-gradient(135deg,#f2f8f0,#e5f0e0);--t-gradient-bg:linear-gradient(180deg,#f0fbf5,#e5f7ed 50%,#f0fbf5);--t-accent-15:#ff8c0026;--t-accent-25:#ff8c0040;--t-accent-30:#ff8c004d;--t-primary-30:#00b8534d;--t-primary-40:#00b85366;--t-primary-60:#00b85399;--t-primary-shadow:#00b8530f}body.theme-lavender{--t-primary:#e4393c;--t-primary-end:#ff6b6b;--t-accent:#ffb400;--t-accent-light:#ffcc40;--t-accent-dark:#e6a200;--t-bg:#fff5f5;--t-bg-warm:#fff0f0;--t-card:#fff;--t-text:#2e1a1a;--t-text-sec:#8b6b6b;--t-border:#ffd0d0;--t-border-accent:#ffb4001f;--t-tab-bg:#ffe8e8;--t-tab-border:#ffb8b8;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#2e1a1a80;--t-shadow:#e4393c14;--t-shadow-accent:#ffb40026;--t-gradient:linear-gradient(135deg,#e4393c,#ff6b6b);--t-gradient-accent:linear-gradient(135deg,#ffb400,#e6a200);--t-gradient-warm:linear-gradient(135deg,#fff0f0,#ffe0e0);--t-gradient-bg:linear-gradient(180deg,#fff5f5,#ffe8e8 50%,#fff5f5);--t-accent-15:#ffb40026;--t-accent-25:#ffb40040;--t-accent-30:#ffb4004d;--t-primary-30:#e4393c4d;--t-primary-40:#e4393c66;--t-primary-60:#e4393c99;--t-primary-shadow:#e4393c0f}body.theme-milktea{--t-primary:#ff6a00;--t-primary-end:#ff9a40;--t-accent:#2b88d8;--t-accent-light:#5baae8;--t-accent-dark:#1b6cb0;--t-bg:#fff8f0;--t-bg-warm:#fff3e5;--t-card:#fff;--t-text:#2e201a;--t-text-sec:#8b6e5b;--t-border:#ffe0c0;--t-border-accent:#2b88d81f;--t-tab-bg:#ffecd5;--t-tab-border:#fc9;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#2e201a80;--t-shadow:#ff6a0014;--t-shadow-accent:#2b88d826;--t-gradient:linear-gradient(135deg,#ff6a00,#ff9a40);--t-gradient-accent:linear-gradient(135deg,#2b88d8,#1b6cb0);--t-gradient-warm:linear-gradient(135deg,#fff3e5,#ffe8d0);--t-gradient-bg:linear-gradient(180deg,#fff8f0,#ffecd5 50%,#fff8f0);--t-accent-15:#2b88d826;--t-accent-25:#2b88d840;--t-accent-30:#2b88d84d;--t-primary-30:#ff6a004d;--t-primary-40:#ff6a0066;--t-primary-60:#ff6a0099;--t-primary-shadow:#ff6a000f}body.theme-sky{--t-primary:#06f;--t-primary-end:#4d94ff;--t-accent:#ff6b35;--t-accent-light:#ff8c60;--t-accent-dark:#e55a2b;--t-bg:#f0f7ff;--t-bg-warm:#f5f2ee;--t-card:#fff;--t-text:#1a2633;--t-text-sec:#5b728b;--t-border:#c0d8f8;--t-border-accent:#ff6b351f;--t-tab-bg:#e5f0ff;--t-tab-border:#a0c8f0;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a263380;--t-shadow:#0066ff14;--t-shadow-accent:#ff6b3526;--t-gradient:linear-gradient(135deg,#06f,#4d94ff);--t-gradient-accent:linear-gradient(135deg,#ff6b35,#e55a2b);--t-gradient-warm:linear-gradient(135deg,#f5f2ee,#ede5d8);--t-gradient-bg:linear-gradient(180deg,#f0f7ff,#e5f0ff 50%,#f0f7ff);--t-accent-15:#ff6b3526;--t-accent-25:#ff6b3540;--t-accent-30:#ff6b354d;--t-primary-30:#0066ff4d;--t-primary-40:#06f6;--t-primary-60:#06f9;--t-primary-shadow:#0066ff0f}body.theme-sakura{--t-primary:#00b51d;--t-primary-end:#3cc84a;--t-accent:#f5a623;--t-accent-light:#f8c050;--t-accent-dark:#db9500;--t-bg:#f2faf4;--t-bg-warm:#f5f2ed;--t-card:#fff;--t-text:#1a2e24;--t-text-sec:#5b7a64;--t-border:#b8e8c0;--t-border-accent:#f5a6231f;--t-tab-bg:#e5f5e8;--t-tab-border:#98d8a8;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a2e2480;--t-shadow:#00b51d14;--t-shadow-accent:#f5a62326;--t-gradient:linear-gradient(135deg,#00b51d,#3cc84a);--t-gradient-accent:linear-gradient(135deg,#f5a623,#db9500);--t-gradient-warm:linear-gradient(135deg,#f5f2ed,#ede8dd);--t-gradient-bg:linear-gradient(180deg,#f2faf4,#e5f5e8 50%,#f2faf4);--t-accent-15:#f5a62326;--t-accent-25:#f5a62340;--t-accent-30:#f5a6234d;--t-primary-30:#00b51d4d;--t-primary-40:#00b51d66;--t-primary-60:#00b51d99;--t-primary-shadow:#00b51d0f}body.theme-sage{--t-primary:#1a1a2e;--t-primary-end:#3d3d5c;--t-accent:#00e5ff;--t-accent-light:#33ecff;--t-accent-dark:#00b8d4;--t-bg:#f0f0f5;--t-bg-warm:#f0f2f5;--t-card:#fff;--t-text:#1a1a2e;--t-text-sec:#6b6b7b;--t-border:#d0d0e0;--t-border-accent:#00e5ff1f;--t-tab-bg:#e8e8f0;--t-tab-border:#b8b8d0;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a1a2e80;--t-shadow:#1a1a2e14;--t-shadow-accent:#00e5ff26;--t-gradient:linear-gradient(135deg,#1a1a2e,#3d3d5c);--t-gradient-accent:linear-gradient(135deg,#00e5ff,#00b8d4);--t-gradient-warm:linear-gradient(135deg,#f0f2f5,#e5e8ec);--t-gradient-bg:linear-gradient(180deg,#f0f0f5,#e8e8f0 50%,#f0f0f5);--t-accent-15:#00e5ff26;--t-accent-25:#00e5ff40;--t-accent-30:#00e5ff4d;--t-primary-30:#1a1a2e4d;--t-primary-40:#1a1a2e66;--t-primary-60:#1a1a2e99;--t-primary-shadow:#1a1a2e0f}body.theme-lilac{--t-primary:#ff5722;--t-primary-end:#ff8a65;--t-accent:#1aad19;--t-accent-light:#3cc83a;--t-accent-dark:#128c12;--t-bg:#fff3ee;--t-bg-warm:#fff0eb;--t-card:#fff;--t-text:#2e1e18;--t-text-sec:#8b6e60;--t-border:#ffd0c0;--t-border-accent:#1aad191f;--t-tab-bg:#ffe8dd;--t-tab-border:#ffb89a;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#2e1e1880;--t-shadow:#ff572214;--t-shadow-accent:#1aad1926;--t-gradient:linear-gradient(135deg,#ff5722,#ff8a65);--t-gradient-accent:linear-gradient(135deg,#1aad19,#128c12);--t-gradient-warm:linear-gradient(135deg,#fff0eb,#ffe5dd);--t-gradient-bg:linear-gradient(180deg,#fff3ee,#ffe8dd 50%,#fff3ee);--t-accent-15:#1aad1926;--t-accent-25:#1aad1940;--t-accent-30:#1aad194d;--t-primary-30:#ff57224d;--t-primary-40:#ff572266;--t-primary-60:#ff572299;--t-primary-shadow:#ff57220f}body.theme-caramel{--t-primary:#8bc34a;--t-primary-end:#aed581;--t-accent:#ffc107;--t-accent-light:#ffd54f;--t-accent-dark:#e6a800;--t-bg:#fafff2;--t-bg-warm:#f8fce8;--t-card:#fff;--t-text:#1e2e18;--t-text-sec:#5b7a4a;--t-border:#d8ecc0;--t-border-accent:#ffc1071f;--t-tab-bg:#eef5d8;--t-tab-border:#b8d898;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1e2e1880;--t-shadow:#8bc34a14;--t-shadow-accent:#ffc10726;--t-gradient:linear-gradient(135deg,#8bc34a,#aed581);--t-gradient-accent:linear-gradient(135deg,#ffc107,#e6a800);--t-gradient-warm:linear-gradient(135deg,#f8fce8,#f0f8d0);--t-gradient-bg:linear-gradient(180deg,#fafff2,#eef5d8 50%,#fafff2);--t-accent-15:#ffc10726;--t-accent-25:#ffc10740;--t-accent-30:#ffc1074d;--t-primary-30:#8bc34a4d;--t-primary-40:#8bc34a66;--t-primary-60:#8bc34a99;--t-primary-shadow:#8bc34a0f}body.theme-ocean{--t-primary:#ffd54f;--t-primary-end:#ffe082;--t-accent:#5c6bc0;--t-accent-light:#8e99e8;--t-accent-dark:#3f4fa0;--t-bg:#fffdf0;--t-bg-warm:#fff8e0;--t-card:#fff;--t-text:#2e261a;--t-text-sec:#8b7a5b;--t-border:#fff0b8;--t-border-accent:#5c6bc01f;--t-tab-bg:#ffe8a0;--t-tab-border:#ffd54f;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#2e261a80;--t-shadow:#ffd54f14;--t-shadow-accent:#5c6bc026;--t-gradient:linear-gradient(135deg,#ffd54f,#ffe082);--t-gradient-accent:linear-gradient(135deg,#5c6bc0,#3f4fa0);--t-gradient-warm:linear-gradient(135deg,#fff8e0,#fff0c0);--t-gradient-bg:linear-gradient(180deg,#fffdf0,#ffe8a0 50%,#fffdf0);--t-accent-15:#5c6bc026;--t-accent-25:#5c6bc040;--t-accent-30:#5c6bc04d;--t-primary-30:#ffd54f4d;--t-primary-40:#ffd54f66;--t-primary-60:#ffd54f99;--t-primary-shadow:#ffd54f0f}body.theme-rosegold{--t-primary:#fe2c55;--t-primary-end:#ff6b81;--t-accent:gold;--t-accent-light:#ffe54d;--t-accent-dark:#e6c200;--t-bg:#fff5f5;--t-bg-warm:#fff0f0;--t-card:#fff;--t-text:#2e1a20;--t-text-sec:#8b5b66;--t-border:#ffcdd2;--t-border-accent:#ffd7001f;--t-tab-bg:#ffe8ec;--t-tab-border:#ffb0bc;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#2e1a2080;--t-shadow:#fe2c5514;--t-shadow-accent:#ffd70026;--t-gradient:linear-gradient(135deg,#fe2c55,#ff6b81);--t-gradient-accent:linear-gradient(135deg,gold,#e6c200);--t-gradient-warm:linear-gradient(135deg,#fff0f0,#ffe5e8);--t-gradient-bg:linear-gradient(180deg,#fff5f5,#ffe8ec 50%,#fff5f5);--t-accent-15:#ffd70026;--t-accent-25:#ffd70040;--t-accent-30:#ffd7004d;--t-primary-30:#fe2c554d;--t-primary-40:#fe2c5566;--t-primary-60:#fe2c5599;--t-primary-shadow:#fe2c550f}body.theme-matcha{--t-primary:#ffc107;--t-primary-end:#ffd54f;--t-accent:#00897b;--t-accent-light:#26a69a;--t-accent-dark:#00695c;--t-bg:#fffdf0;--t-bg-warm:#fff8e0;--t-card:#fff;--t-text:#2e261a;--t-text-sec:#8b7a5b;--t-border:#fff0b8;--t-border-accent:#00897b1f;--t-tab-bg:#ffe8a0;--t-tab-border:#ffd54f;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#2e261a80;--t-shadow:#ffc10714;--t-shadow-accent:#00897b26;--t-gradient:linear-gradient(135deg,#ffc107,#ffd54f);--t-gradient-accent:linear-gradient(135deg,#00897b,#00695c);--t-gradient-warm:linear-gradient(135deg,#fff8e0,#fff0c0);--t-gradient-bg:linear-gradient(180deg,#fffdf0,#ffe8a0 50%,#fffdf0);--t-accent-15:#00897b26;--t-accent-25:#00897b40;--t-accent-30:#00897b4d;--t-primary-30:#ffc1074d;--t-primary-40:#ffc10766;--t-primary-60:#ffc10799;--t-primary-shadow:#ffc1070f}body.theme-iris{--t-primary:#0b1221;--t-primary-end:#1b2838;--t-accent:#00dc5a;--t-accent-light:#33e87a;--t-accent-dark:#00b84a;--t-bg:#0d1424;--t-bg-warm:#171f2a;--t-card:#1a2332;--t-text:#e8eaed;--t-text-sec:#89a;--t-border:#2a3448;--t-border-accent:#00dc5a26;--t-tab-bg:#1a2332;--t-tab-border:#2a3448;--t-success:#00dc5a;--t-danger:#ff4d6d;--t-overlay:#000000b3;--t-shadow:#00dc5a0f;--t-shadow-accent:#00dc5a33;--t-gradient:linear-gradient(135deg,#0b1221,#1b2838);--t-gradient-accent:linear-gradient(135deg,#00dc5a,#00b84a);--t-gradient-warm:linear-gradient(135deg,#1a2332,#0d1424);--t-gradient-bg:linear-gradient(180deg,#0d1424,#1a2332 50%,#0d1424);--t-accent-15:#00dc5a26;--t-accent-25:#00dc5a40;--t-accent-30:#00dc5a4d;--t-primary-30:#0b12214d;--t-primary-40:#0b122166;--t-primary-60:#0b122199;--t-primary-shadow:#0b12210f}body.theme-almond{--t-primary:#07c160;--t-primary-end:#3dd886;--t-accent:#ff9500;--t-accent-light:#ffb84d;--t-accent-dark:#e68600;--t-bg:#f2fbf5;--t-bg-warm:#f5f8f2;--t-card:#fff;--t-text:#1a2e24;--t-text-sec:#5b8a6a;--t-border:#b0e8c8;--t-border-accent:#ff95001f;--t-tab-bg:#e5f7ed;--t-tab-border:#90d8b0;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a2e2480;--t-shadow:#07c16014;--t-shadow-accent:#ff950026;--t-gradient:linear-gradient(135deg,#07c160,#3dd886);--t-gradient-accent:linear-gradient(135deg,#ff9500,#e68600);--t-gradient-warm:linear-gradient(135deg,#f5f8f2,#edf2e5);--t-gradient-bg:linear-gradient(180deg,#f2fbf5,#e5f7ed 50%,#f2fbf5);--t-accent-15:#ff950026;--t-accent-25:#ff950040;--t-accent-30:#ff95004d;--t-primary-30:#07c1604d;--t-primary-40:#07c16066;--t-primary-60:#07c16099;--t-primary-shadow:#07c1600f}body.theme-coral{--t-primary:#161823;--t-primary-end:#2c2e3e;--t-accent:#fe2c55;--t-accent-light:#ff6b81;--t-accent-dark:#d6204a;--t-bg:#121212;--t-bg-warm:#1e1e1e;--t-card:#1a1a1a;--t-text:#f1f1f2;--t-text-sec:#8b8d93;--t-border:#2a2a2a;--t-border-accent:#fe2c5526;--t-tab-bg:#1a1a1a;--t-tab-border:#333;--t-success:#00b853;--t-danger:#fe2c55;--t-overlay:#000000b3;--t-shadow:#fe2c550f;--t-shadow-accent:#fe2c5533;--t-gradient:linear-gradient(135deg,#161823,#2c2e3e);--t-gradient-accent:linear-gradient(135deg,#fe2c55,#d6204a);--t-gradient-warm:linear-gradient(135deg,#1e1e1e,#121212);--t-gradient-bg:linear-gradient(180deg,#121212,#1a1a1a 50%,#121212);--t-accent-15:#fe2c5526;--t-accent-25:#fe2c5540;--t-accent-30:#fe2c554d;--t-primary-30:#1618234d;--t-primary-40:#16182366;--t-primary-60:#16182399;--t-primary-shadow:#1618230f}body.theme-celadon{--t-primary:#e60026;--t-primary-end:#ff3b4a;--t-accent:gold;--t-accent-light:#ffe54d;--t-accent-dark:#e6c200;--t-bg:#fff5f5;--t-bg-warm:#fff0f0;--t-card:#fff;--t-text:#2e1a20;--t-text-sec:#8b5b66;--t-border:#ffcdd2;--t-border-accent:#ffd7001f;--t-tab-bg:#ffe8ec;--t-tab-border:#ffb0bc;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#2e1a2080;--t-shadow:#e6002614;--t-shadow-accent:#ffd70026;--t-gradient:linear-gradient(135deg,#e60026,#ff3b4a);--t-gradient-accent:linear-gradient(135deg,gold,#e6c200);--t-gradient-warm:linear-gradient(135deg,#fff0f0,#ffe5e5);--t-gradient-bg:linear-gradient(180deg,#fff5f5,#ffe8ec 50%,#fff5f5);--t-accent-15:#ffd70026;--t-accent-25:#ffd70040;--t-accent-30:#ffd7004d;--t-primary-30:#e600264d;--t-primary-40:#e6002666;--t-primary-60:#e6002699;--t-primary-shadow:#e600260f}body.theme-twilight{--t-primary:#3370ff;--t-primary-end:#5e93ff;--t-accent:#f80;--t-accent-light:#ffa840;--t-accent-dark:#e67a00;--t-bg:#f0f6ff;--t-bg-warm:#f5f2ee;--t-card:#fff;--t-text:#1a2633;--t-text-sec:#5b728b;--t-border:#c0d8f8;--t-border-accent:#ff88001f;--t-tab-bg:#e5f0ff;--t-tab-border:#a0c8f0;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a263380;--t-shadow:#3370ff14;--t-shadow-accent:#ff880026;--t-gradient:linear-gradient(135deg,#3370ff,#5e93ff);--t-gradient-accent:linear-gradient(135deg,#f80,#e67a00);--t-gradient-warm:linear-gradient(135deg,#f5f2ee,#ede8d8);--t-gradient-bg:linear-gradient(180deg,#f0f6ff,#e5f0ff 50%,#f0f6ff);--t-accent-15:#ff880026;--t-accent-25:#ff880040;--t-accent-30:#ff88004d;--t-primary-30:#3370ff4d;--t-primary-40:#3370ff66;--t-primary-60:#3370ff99;--t-primary-shadow:#3370ff0f}body.theme-spruce{--t-primary:#0080ff;--t-primary-end:#339cff;--t-accent:#ff6a00;--t-accent-light:#ff8c40;--t-accent-dark:#e65a00;--t-bg:#f0f7ff;--t-bg-warm:#f5f2ec;--t-card:#fff;--t-text:#1a2633;--t-text-sec:#5b728b;--t-border:#b8d8f8;--t-border-accent:#ff6a001f;--t-tab-bg:#e5f0ff;--t-tab-border:#a0c8f0;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a263380;--t-shadow:#0080ff14;--t-shadow-accent:#ff6a0026;--t-gradient:linear-gradient(135deg,#0080ff,#339cff);--t-gradient-accent:linear-gradient(135deg,#ff6a00,#e65a00);--t-gradient-warm:linear-gradient(135deg,#f5f2ec,#ede8d8);--t-gradient-bg:linear-gradient(180deg,#f0f7ff,#e5f0ff 50%,#f0f7ff);--t-accent-15:#ff6a0026;--t-accent-25:#ff6a0040;--t-accent-30:#ff6a004d;--t-primary-30:#0080ff4d;--t-primary-40:#0080ff66;--t-primary-60:#0080ff99;--t-primary-shadow:#0080ff0f}body.theme-aurora{--t-primary:#6366f1;--t-primary-end:#ec4899;--t-accent:#10b981;--t-accent-light:#34d399;--t-accent-dark:#059669;--t-bg:#f8f5ff;--t-bg-warm:#f5f0ff;--t-card:#fff;--t-text:#1a1a2e;--t-text-sec:#7b6b8b;--t-border:#e0d0f8;--t-border-accent:#10b9811f;--t-tab-bg:#ede5fb;--t-tab-border:#c8b0e8;--t-success:#00b853;--t-danger:#e4393c;--t-overlay:#1a1a2e80;--t-shadow:#6366f114;--t-shadow-accent:#10b98126;--t-gradient:linear-gradient(135deg,#6366f1,#ec4899);--t-gradient-accent:linear-gradient(135deg,#10b981,#059669);--t-gradient-warm:linear-gradient(135deg,#f5f0ff,#ede0f8);--t-gradient-bg:linear-gradient(180deg,#f8f5ff,#ede5fb 50%,#f8f5ff);--t-accent-15:#10b98126;--t-accent-25:#10b98140;--t-accent-30:#10b9814d;--t-primary-30:#6366f14d;--t-primary-40:#6366f166;--t-primary-60:#6366f199;--t-primary-shadow:#6366f10f}body.layout-compact .info-list-compact{grid-gap:6px;display:grid!important;gap:6px;grid-template-columns:1fr!important;padding:6px}body.layout-compact .info-card-compact{border-radius:10px;padding:10px 12px;transition:all .2s}body.layout-compact .info-card-desc{-webkit-line-clamp:1}@media (min-width:576px){body.layout-compact .info-list-compact{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:992px){body.layout-compact .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1200px){body.layout-compact .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}body.layout-comfortable .info-list-compact{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:repeat(2,1fr)!important;padding:6px}body.layout-comfortable .info-card-compact{border-radius:12px;box-shadow:0 1px 6px var(--t-shadow);padding:12px;transition:transform .2s,box-shadow .2s}body.layout-comfortable .info-card-compact:hover{box-shadow:0 4px 16px var(--t-shadow-accent);transform:translateY(-2px)}body.layout-comfortable .info-card-desc{-webkit-line-clamp:2}@media (min-width:768px){body.layout-comfortable .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1200px){body.layout-comfortable .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}body.layout-card .info-list-compact{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:1fr;padding:6px}body.layout-card .info-card-compact:first-child{background:var(--t-gradient);border:none;border-radius:14px;box-shadow:0 4px 20px var(--t-primary-30);color:#fff;grid-column:1/-1;overflow:hidden;padding:18px 22px;position:relative}body.layout-card .info-card-compact:first-child:after{background:var(--t-accent-15);border-radius:50%;content:"";height:80px;position:absolute;right:-20px;top:-20px;width:80px}body.layout-card .info-card-compact:first-child .info-card-title{-webkit-line-clamp:2;color:#fff;font-size:1.05rem}body.layout-card .info-card-compact:first-child .info-card-desc{-webkit-line-clamp:2;color:#ffffffbf}body.layout-card .info-card-compact:first-child .info-card-price{background:var(--t-accent);color:var(--t-text)}body.layout-card .info-card-compact:first-child .info-card-top .info-card-badges span{background:#fff3;color:#fff}body.layout-card .info-card-compact:not(:first-child){border-radius:10px;padding:10px 12px}@media (min-width:576px){body.layout-card .info-list-compact{grid-template-columns:repeat(2,1fr)!important}body.layout-card .info-card-compact:first-child{grid-column:1/-1}}@media (min-width:992px){body.layout-card .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1200px){body.layout-card .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}body.layout-minimal .info-list-compact{display:flex!important;flex-direction:column;gap:0;padding:0}body.layout-minimal .info-card-compact{background:#0000;border:none;border-bottom:1px solid var(--t-border);border-radius:0;box-shadow:none;padding:10px 14px}body.layout-minimal .info-card-compact:hover{background:var(--t-bg-warm);box-shadow:none;transform:none}body.layout-minimal .info-card-desc{-webkit-line-clamp:1}body.layout-list .info-list-compact{display:flex!important;flex-direction:column;gap:0;padding:0 6px}body.layout-list .info-card-compact{align-items:center;border:none;border-bottom:1px solid var(--t-border);border-radius:0;box-shadow:none;display:flex;flex-direction:row;gap:10px;padding:8px 10px}body.layout-list .info-card-compact:hover{background:var(--t-bg-warm);box-shadow:none;transform:none}body.layout-list .info-card-desc{-webkit-line-clamp:1}body.layout-list .info-card-meta{display:none}body.layout-magazine .info-list-compact{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:1fr;padding:6px}body.layout-magazine .info-card-compact{border:none;border-radius:12px;box-shadow:0 2px 10px var(--t-shadow);overflow:hidden;padding:0}body.layout-magazine .info-card-compact:before{background:var(--t-gradient);content:"";display:block;height:80px}body.layout-magazine .info-card-desc,body.layout-magazine .info-card-meta,body.layout-magazine .info-card-price,body.layout-magazine .info-card-title,body.layout-magazine .info-card-top{padding-left:12px;padding-right:12px}body.layout-magazine .info-card-top{padding-top:8px}body.layout-magazine .info-card-desc{-webkit-line-clamp:2;padding-bottom:10px}@media (min-width:576px){body.layout-magazine .info-list-compact{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:992px){body.layout-magazine .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1200px){body.layout-magazine .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}body.layout-waterfall .info-list-compact{column-count:2;column-gap:8px;display:block!important;grid-template-columns:none!important;padding:6px}body.layout-waterfall .info-card-compact{border-radius:10px;break-inside:avoid;display:inline-block;margin-bottom:8px;padding:10px;page-break-inside:avoid;transition:transform .2s;width:100%}body.layout-waterfall .info-card-compact:hover{transform:translateY(-2px)}body.layout-waterfall .info-card-compact:nth-child(3n+1) .info-card-desc{-webkit-line-clamp:3}body.layout-waterfall .info-card-compact:nth-child(3n+2) .info-card-desc{-webkit-line-clamp:1}body.layout-waterfall .info-card-compact:nth-child(3n) .info-card-desc{-webkit-line-clamp:2}@media (min-width:768px){body.layout-waterfall .info-list-compact{column-count:3}}@media (min-width:1200px){body.layout-waterfall .info-list-compact{column-count:4}}body.theme-coral .info-card-compact,body.theme-iris .info-card-compact{border-color:var(--t-border);box-shadow:0 1px 4px #0000004d}body.theme-coral .info-card-compact:hover,body.theme-iris .info-card-compact:hover{border-color:var(--t-accent);box-shadow:0 4px 16px var(--t-shadow-accent)}body.theme-coral .badge-top,body.theme-coral .info-card-price,body.theme-iris .badge-top,body.theme-iris .info-card-price{color:#fff!important}body.theme-coral .info-category-group,body.theme-coral .location-section,body.theme-iris .info-category-group,body.theme-iris .location-section{background:var(--t-card)}body.theme-coral .location-select,body.theme-iris .location-select{background:var(--t-card);color:var(--t-text)}body.theme-coral .info-header,body.theme-iris .info-header{color:#fff}body.theme-coral .board-type-tab,body.theme-coral .category-tab,body.theme-iris .board-type-tab,body.theme-iris .category-tab{border-color:var(--t-tab-border);color:var(--t-text-sec)}body.theme-coral .board-type-tab.active,body.theme-coral .category-tab.active,body.theme-iris .board-type-tab.active,body.theme-iris .category-tab.active{border-color:var(--t-accent);color:#fff}body.theme-coral .info-card-category,body.theme-iris .info-card-category{color:#fff!important}body.layout-timeline .info-list-compact{gap:10px;padding:12px 6px}body.layout-timeline .info-list-compact:before{background:var(--t-border);bottom:10px;left:22px;top:10px}body.layout-timeline .info-card-compact{padding-left:36px}body.layout-timeline .info-card-compact:before{background:var(--t-gradient);border:3px solid var(--t-card);box-shadow:0 0 0 2px var(--t-border);height:12px;left:16px;top:18px;width:12px}@media (min-width:992px){body.layout-grid .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}body.layout-grid .info-card-compact{border-radius:6px;text-align:center}body.layout-grid .info-card-title{font-size:.9rem}body.layout-grid .info-card-desc{display:none}body.layout-sidebar .info-list-compact{padding:6px}@media (min-width:992px){body.layout-sidebar .info-list-compact{grid-template-columns:1fr 280px!important}}body.layout-newspaper .info-list-compact{grid-gap:0;display:grid!important;gap:0;grid-template-columns:1fr;padding:0}@media (min-width:768px){body.layout-newspaper .info-list-compact{gap:12px;grid-template-columns:2fr 1fr!important;padding:12px}}body.layout-newspaper .info-card-compact{border-bottom:1px solid var(--t-border);padding:12px 0}body.layout-gallery .info-card-compact{border-radius:10px}body.layout-gallery .info-card-compact:before{background:var(--t-gradient);display:block;height:120px}body.layout-polaroid .info-list-compact{grid-gap:16px 8px;gap:16px 8px;padding:18px 6px}body.layout-polaroid .info-card-compact{box-shadow:0 4px 12px #0000001f;padding:8px 8px 12px;transform:rotate(-1deg);transition:transform .2s}body.layout-polaroid .info-card-compact:nth-child(2n){transform:rotate(1deg)}body.layout-polaroid .info-card-compact:hover{transform:rotate(0) scale(1.03)}body.layout-metro .info-list-compact{grid-gap:2px;background:var(--t-bg-warm);border-radius:0;gap:2px;grid-template-columns:repeat(4,1fr)!important;padding:6px}@media (min-width:768px){body.layout-metro .info-list-compact{grid-template-columns:repeat(6,1fr)!important}}@media (min-width:1200px){body.layout-metro .info-list-compact{grid-template-columns:repeat(8,1fr)!important}}body.layout-metro .info-card-compact{background:var(--t-card);padding:8px}body.layout-metro .info-card-desc{display:none}body.layout-honeycomb .info-list-compact{display:flex!important;flex-wrap:wrap;justify-content:center;padding:18px}body.layout-honeycomb .info-card-compact{background:var(--t-gradient);border:none;border-radius:0;-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);color:#fff;padding:22px 8px;width:48%}body.layout-honeycomb .info-card-title{color:#fff}@media (min-width:768px){body.layout-honeycomb .info-card-compact{width:32%}}@media (min-width:1200px){body.layout-honeycomb .info-card-compact{width:23%}}body.layout-timeline .info-list-compact{display:flex!important;flex-direction:column;gap:0;padding:4px 8px 8px 24px;position:relative}body.layout-timeline .info-list-compact:before{background:#e0e0e0;background:var(--t-border,#e0e0e0);bottom:0;content:"";left:10px;position:absolute;top:0;width:2px}body.layout-timeline .info-card-compact{border-radius:8px;margin-bottom:4px;padding:8px 12px;position:relative;transition:all .2s}body.layout-timeline .info-card-compact:before{background:#1976d2;background:var(--t-accent,#1976d2);border:2px solid #fff;border:2px solid var(--t-card,#fff);border-radius:50%;box-shadow:0 0 0 2px #1976d2;box-shadow:0 0 0 2px var(--t-accent,#1976d2);content:"";height:8px;left:-20px;position:absolute;top:12px;transition:all .2s;width:8px}body.layout-timeline .info-card-compact:hover:before{box-shadow:0 0 0 3px #1976d2,0 0 8px #0003;box-shadow:0 0 0 3px var(--t-accent,#1976d2),0 0 8px var(--t-accent-30,#0003);transform:scale(1.3)}body.layout-timeline .info-card-compact.top-pinned:before{background:#d4af37;background:var(--t-accent,#d4af37);box-shadow:0 0 0 2px #d4af37;box-shadow:0 0 0 2px var(--t-accent,#d4af37)}@media (min-width:768px){body.layout-timeline .info-list-compact{padding-left:32px}body.layout-timeline .info-list-compact:before{left:14px}body.layout-timeline .info-card-compact:before{left:-26px}}body.layout-grid .info-list-compact{grid-gap:6px;display:grid!important;gap:6px;grid-template-columns:repeat(2,1fr)!important;padding:6px}body.layout-grid .info-card-compact{border-radius:8px;display:flex;flex-direction:column;min-height:80px;padding:10px;transition:transform .2s}body.layout-grid .info-card-compact:hover{transform:scale(1.02)}body.layout-grid .info-card-desc{-webkit-line-clamp:2;flex:1 1}@media (min-width:576px){body.layout-grid .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:768px){body.layout-grid .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1200px){body.layout-grid .info-list-compact{grid-template-columns:repeat(5,1fr)!important}}body.layout-featured .info-list-compact{grid-gap:6px;display:grid!important;gap:6px;grid-template-columns:1fr;padding:6px}body.layout-featured .info-card-compact:first-child{background:linear-gradient(135deg,#5b8ab5,#7eb0d8);background:var(--t-gradient,linear-gradient(135deg,#5b8ab5,#7eb0d8));border:none;border-radius:14px;box-shadow:0 4px 18px #00000026;box-shadow:0 4px 18px var(--t-primary-30,#00000026);color:#fff;grid-column:1/-1;overflow:hidden;padding:16px 20px;position:relative}body.layout-featured .info-card-compact:first-child:after{background:#d4af371a;background:var(--t-accent-15,#d4af371a);border-radius:50%;content:"";height:80px;position:absolute;right:-20px;top:-20px;width:80px}body.layout-featured .info-card-compact:first-child .info-card-title{-webkit-line-clamp:2;color:#fff;font-size:1rem}body.layout-featured .info-card-compact:first-child .info-card-desc{-webkit-line-clamp:2;color:#ffffffbf}body.layout-featured .info-card-compact:first-child .info-card-price{color:#ffe54d;text-shadow:0 1px 2px #00000026}body.layout-featured .info-card-compact:first-child .info-card-top .info-card-badges span{background:#fff3;color:#fff}@media (min-width:576px){body.layout-featured .info-list-compact{grid-template-columns:repeat(2,1fr)!important}body.layout-featured .info-card-compact:first-child{grid-column:1/-1}}@media (min-width:992px){body.layout-featured .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}body.layout-sidebar .info-category-group{display:flex;gap:8px}body.layout-sidebar .category-group-header{background:var(--t-gradient);border-radius:10px;color:#fff;flex-shrink:0;padding:10px 6px;text-align:center;width:120px;writing-mode:horizontal-tb}body.layout-sidebar .category-group-title{color:#fff}body.layout-sidebar .category-group-count{background:#fff3;color:#ffe54d}body.layout-sidebar .info-list-compact{grid-gap:6px;display:grid!important;flex:1 1;gap:6px;grid-template-columns:1fr;padding:0}@media (min-width:768px){body.layout-sidebar .info-list-compact{grid-template-columns:repeat(2,1fr)!important}}body.layout-masonry .info-list-compact{column-count:2;column-gap:8px;display:block!important;grid-template-columns:none!important;padding:6px}body.layout-masonry .info-card-compact{border-radius:10px;break-inside:avoid;display:inline-block;margin-bottom:8px;padding:10px;page-break-inside:avoid;width:100%}body.layout-masonry .info-card-compact:nth-child(3n+1){padding:14px}body.layout-masonry .info-card-compact:nth-child(3n+1) .info-card-desc{-webkit-line-clamp:3}body.layout-masonry .info-card-compact:nth-child(3n+2) .info-card-desc{-webkit-line-clamp:1}body.layout-masonry .info-card-compact:nth-child(3n) .info-card-desc{-webkit-line-clamp:2}@media (min-width:768px){body.layout-masonry .info-list-compact{column-count:3}}@media (min-width:1200px){body.layout-masonry .info-list-compact{column-count:4}}body.layout-newspaper .info-list-compact{column-count:2;column-gap:10px;display:block!important;grid-template-columns:none!important;padding:6px 8px}body.layout-newspaper .info-card-compact{background:#0000;border:none;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--t-border,#e0e0e0);border-radius:0;box-shadow:none;break-inside:avoid;display:inline-block;margin-bottom:6px;padding:6px 2px;page-break-inside:avoid;width:100%}body.layout-newspaper .info-card-compact:hover{background:#faf8f0;background:var(--t-bg-warm,#faf8f0);box-shadow:none;transform:none}body.layout-newspaper .info-card-title{-webkit-line-clamp:2;font-size:.9rem;font-weight:700;line-height:1.3}body.layout-newspaper .info-card-desc{-webkit-line-clamp:2;font-size:.76rem;line-height:1.5}body.layout-newspaper .category-group-header{border-bottom:3px double #333;border-bottom:3px double var(--t-text,#333);column-span:all;font-size:1rem;letter-spacing:2px;padding:6px 0}@media (min-width:768px){body.layout-newspaper .info-list-compact{column-count:3}}@media (min-width:1200px){body.layout-newspaper .info-list-compact{column-count:4}}body.layout-gallery .info-list-compact{grid-gap:3px;display:grid!important;gap:3px;grid-template-columns:repeat(2,1fr)!important;padding:3px}body.layout-gallery .info-card-compact{background:var(--t-gradient);border:none;border-radius:0;display:flex;flex-direction:column;justify-content:flex-end;min-height:100px;overflow:hidden;padding:0;position:relative}body.layout-gallery .info-card-compact:before{background:linear-gradient(#0000,#000000a6);bottom:0;content:"";height:55%;left:0;pointer-events:none;position:absolute;right:0}body.layout-gallery .info-card-title,body.layout-gallery .info-card-top{padding:0 8px;position:relative;z-index:1}body.layout-gallery .info-card-title{-webkit-line-clamp:1;color:#fff;font-size:.85rem}body.layout-gallery .info-card-desc{display:none}body.layout-gallery .info-card-meta{color:#ffffffb3;padding:2px 8px 6px;position:relative;z-index:1}body.layout-gallery .info-card-price{color:#ffe54d;position:relative;text-shadow:0 1px 2px #0003;z-index:1}body.layout-gallery .info-card-compact:hover{box-shadow:none;transform:none}body.layout-gallery .info-card-compact:first-child{grid-column:span 2;min-height:130px}@media (min-width:768px){body.layout-gallery .info-list-compact{grid-template-columns:repeat(3,1fr)!important}body.layout-gallery .info-card-compact:first-child{grid-column:span 2}}@media (min-width:1200px){body.layout-gallery .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}body.layout-tabs-view .info-category-group{border-radius:10px;overflow:hidden}body.layout-tabs-view .category-group-header{background:#f8f6ff;background:var(--t-tab-bg,#f8f6ff);border-radius:8px 8px 0 0;display:flex;gap:0;overflow:hidden;padding:0}body.layout-tabs-view .category-group-header h3{border-bottom:2px solid #0000;cursor:pointer;flex:1 1;font-size:.82rem;margin:0;padding:8px 6px;text-align:center;transition:all .2s}body.layout-tabs-view .info-list-compact{grid-gap:6px;display:grid!important;gap:6px;grid-template-columns:1fr;padding:6px}body.layout-tabs-view .info-card-compact{border-radius:8px;padding:8px 12px}@media (min-width:576px){body.layout-tabs-view .info-list-compact{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:992px){body.layout-tabs-view .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}body.layout-accordion .info-list-compact{display:flex!important;flex-direction:column;gap:0;padding:0}body.layout-accordion .info-card-compact{border:none;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--t-border,#e0e0e0);border-radius:0;box-shadow:none;padding:8px 14px;transition:background .2s}body.layout-accordion .info-card-compact:hover{background:#faf8f0;background:var(--t-bg-warm,#faf8f0);box-shadow:none;transform:none}body.layout-accordion .info-card-desc{-webkit-line-clamp:1}body.layout-accordion .info-card-meta{display:none}body.layout-accordion .info-card-compact:first-child{border-radius:8px 8px 0 0}body.layout-accordion .info-card-compact:last-child{border-bottom:none;border-radius:0 0 8px 8px}body.layout-accordion .info-category-group{border:1px solid #e0e0e0;border:1px solid var(--t-border,#e0e0e0);border-radius:10px;overflow:hidden}body.layout-polaroid .info-list-compact{grid-gap:12px;display:grid!important;gap:12px;grid-template-columns:repeat(2,1fr)!important;padding:8px}body.layout-polaroid .info-card-compact{background:#fff;border:none;border-radius:2px;box-shadow:0 2px 8px #0000001a;padding:6px 6px 12px;transform:rotate(0deg);transform:rotate(var(--polaroid-rotate,0deg));transition:all .3s}body.layout-polaroid .info-card-compact:nth-child(4n+1){--polaroid-rotate:-1.5deg}body.layout-polaroid .info-card-compact:nth-child(4n+2){--polaroid-rotate:1deg}body.layout-polaroid .info-card-compact:nth-child(4n+3){--polaroid-rotate:-0.5deg}body.layout-polaroid .info-card-compact:nth-child(4n+4){--polaroid-rotate:1.5deg}body.layout-polaroid .info-card-compact:hover{box-shadow:0 6px 20px #00000026;transform:rotate(0deg) scale(1.04);z-index:1}body.layout-polaroid .info-card-top{margin-bottom:4px}body.layout-polaroid .info-card-title{-webkit-line-clamp:2;font-size:.82rem;font-weight:600;text-align:center}body.layout-polaroid .info-card-desc{display:none}body.layout-polaroid .info-card-price{display:block;text-align:center}@media (min-width:768px){body.layout-polaroid .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1200px){body.layout-polaroid .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}body.layout-metro .info-list-compact{grid-gap:3px;display:grid!important;gap:3px;grid-template-columns:repeat(2,1fr)!important;padding:3px}body.layout-metro .info-card-compact{background:var(--t-gradient);border:none;border-radius:0;box-shadow:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:70px;padding:12px 10px;transition:outline .15s}body.layout-metro .info-card-compact:hover{box-shadow:none;outline:2px solid #d4af37;outline:2px solid var(--t-accent,#d4af37);outline-offset:-2px;transform:none}body.layout-metro .info-card-compact:nth-child(3n+1){grid-row:span 2;min-height:143px}body.layout-metro .info-card-title{-webkit-line-clamp:2;color:#fff;font-size:.85rem}body.layout-metro .info-card-desc{-webkit-line-clamp:2;color:#ffffffb3}body.layout-metro .info-card-price{color:#d4af37;color:var(--t-accent,#d4af37)}body.layout-metro .info-card-top .info-card-badges span{background:#fff3;color:#fff}@media (min-width:576px){body.layout-metro .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:768px){body.layout-metro .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1200px){body.layout-metro .info-list-compact{grid-template-columns:repeat(6,1fr)!important}}body.layout-honeycomb .info-list-compact{grid-gap:4px;display:grid!important;gap:4px;grid-template-columns:repeat(2,1fr)!important;padding:6px}body.layout-honeycomb .info-card-compact{align-items:center;border:2px solid #e0e0e0;border:2px solid var(--t-border,#e0e0e0);border-radius:10px;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:10px;text-align:center;transition:all .2s}body.layout-honeycomb .info-card-compact:hover{border-color:#d4af37;border-color:var(--t-accent,#d4af37);box-shadow:none;transform:scale(1.05)}body.layout-honeycomb .info-card-desc,body.layout-honeycomb .info-card-meta{display:none}body.layout-honeycomb .info-card-title{-webkit-line-clamp:2;font-size:.78rem}@media (min-width:576px){body.layout-honeycomb .info-list-compact{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:768px){body.layout-honeycomb .info-list-compact{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1200px){body.layout-honeycomb .info-list-compact{grid-template-columns:repeat(5,1fr)!important}}body.layout-staggered .info-list-compact{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:repeat(2,1fr)!important;padding:6px}body.layout-staggered .info-card-compact{border-radius:10px;padding:10px;transition:transform .2s}body.layout-staggered .info-card-compact:nth-child(odd){margin-top:16px}body.layout-staggered .info-card-compact:nth-child(2n){margin-top:0}body.layout-staggered .info-card-desc{-webkit-line-clamp:2}@media (min-width:576px){body.layout-staggered .info-list-compact{grid-template-columns:repeat(3,1fr)!important}body.layout-staggered .info-card-compact:nth-child(3n+2){margin-top:20px}body.layout-staggered .info-card-compact:nth-child(3n+1),body.layout-staggered .info-card-compact:nth-child(3n+3){margin-top:0}}@media (min-width:768px){body.layout-staggered .info-list-compact{grid-template-columns:repeat(4,1fr)!important}body.layout-staggered .info-card-compact:nth-child(4n+2),body.layout-staggered .info-card-compact:nth-child(4n+3){margin-top:20px}body.layout-staggered .info-card-compact:nth-child(4n+1),body.layout-staggered .info-card-compact:nth-child(4n+4){margin-top:0}}:root{--color-primary:#1a1a2e;--color-secondary:#0f3460;--color-accent:#d4af37;--color-bg:#f5f7fa;--color-card-bg:#fff;--color-text:#1a1a2e;--color-text-secondary:#666;--color-border:#e8eaf0;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--location-padding:3px 6px;--section-gap:2px;--card-radius:8px;--card-shadow:none;--font-scale:0.95}*{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.rules{padding:20px}.rules-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:800px;padding:30px}.rules-content{margin-top:20px}.rules-content h3{color:#007bff;margin:15px 0 10px}.rules-content p{line-height:1.6;margin-bottom:10px}.rules-content ol{margin-bottom:15px;margin-left:20px}.rules-content li{margin-bottom:5px}body{background-color:#f4f4f4;font-family:Arial,sans-serif;line-height:1.6}.container{overflow:hidden;width:80%}.btn{border-radius:5px;display:inline-block;margin:5px;padding:10px 20px}.btn-primary,.btn-secondary{background-color:#007bff}.btn:hover{opacity:.9}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.verification-group{align-items:center;display:flex;gap:10px}.verification-group input{flex:1 1}.verification-group .btn{flex-shrink:0;margin:0}.home{text-align:center}.home-header{background-color:#007bff;color:#fff;padding:50px 0}.home-main{padding:30px 0}.auth-buttons{margin:30px 0}.info-section{margin:0 auto;max-width:600px;text-align:left}.info-section ul{margin-left:20px}.forgot-password,.login,.register{align-items:center;display:flex;justify-content:center;min-height:80vh}.forgot-password-container,.login-container,.register-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:30px;width:100%}.auth-links{display:flex;flex-direction:column;gap:10px;margin-top:20px}.auth-links a{color:#007bff;text-decoration:none}.role-selection{align-items:center;display:flex;justify-content:center;min-height:80vh}.role-selection-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:600px;padding:30px;text-align:center;width:100%}.role-options{display:flex;gap:30px;justify-content:center;margin:30px 0}.role-card{border:1px solid #ddd;border-radius:10px;cursor:pointer;padding:20px;transition:all .3s ease;width:200px}.role-card:hover{box-shadow:0 0 10px #0000001a;transform:translateY(-5px)}.role-card h3{color:#007bff;margin-bottom:10px}.dashboard{padding:20px}.dashboard-actions,.dashboard-header{margin-bottom:30px;text-align:center}.post-info{align-items:center;display:flex;justify-content:center;min-height:80vh}.post-info-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:600px;padding:30px;width:100%}.post-info-container textarea{height:150px;resize:vertical}.agree-rules{box-sizing:border-box;margin-bottom:20px;margin-top:20px;text-align:left;width:100%}.agree-rules label{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;font-size:14px;max-width:100%}.agree-checkbox{-webkit-appearance:none;appearance:none;border:1px solid #007bff;border-radius:3px;flex-shrink:0;height:16px;margin-right:10px;outline:none;position:relative;width:16px!important}.agree-checkbox:checked:after{color:#007bff;content:"✓";font-size:14px;left:2px;position:absolute;top:-2px}.agree-rules span{color:#007bff;line-height:1.5;white-space:nowrap}.agree-rules a{color:#007bff;text-decoration:none}.agree-rules a:hover{text-decoration:underline}.form-actions{justify-content:flex-start;margin-top:20px}.form-actions .btn{margin-left:0;margin-right:10px}.filters input,.filters select{flex:1 1;min-width:120px;padding:10px}.info-item{background-color:#fff;border-radius:10px;box-shadow:0 0 5px #0000001a;padding:20px}.info-item h3{color:#007bff}.info-item .category,.info-item .region{font-weight:700;margin-bottom:5px}.info-item .description{margin-bottom:10px}.info-item .contact{color:#6c757d}@media (max-width:768px){.container{width:95%}.role-options{align-items:center}.filters,.role-options{flex-direction:column}.filters input,.filters select{min-width:auto}.info-list{grid-template-columns:1fr}}.btn-blue{background-color:#007bff;color:#fff}.header-content{padding:0 20px}.user-actions{align-items:center;display:flex;gap:10px}.btn-outline{background-color:initial;border:2px solid #007bff;color:#007bff}.btn-outline:hover{background-color:#007bff;color:#fff}.search-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;margin:20px auto;max-width:1200px;padding:20px}.search-form{width:100%}.search-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.form-input,.form-select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px}.form-select{min-width:150px}.form-input{flex:1 1;min-width:200px}.info-list-section{margin:0 auto;max-width:1200px;padding:0 20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.info-card{background-color:#fff;border-radius:10px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.info-card:hover{box-shadow:0 4px 12px #00000026}.info-header{align-items:flex-start;margin-bottom:15px}.info-header h3{color:#333;flex:1 1;font-size:18px}.info-category{background-color:#007bff;border-radius:12px;color:#fff;font-size:12px;margin-left:10px;padding:4px 8px;white-space:nowrap}.info-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;margin-bottom:15px;overflow:hidden}.info-details{color:#666;font-size:14px;margin-bottom:15px}.info-date,.info-location{align-items:center;display:flex;gap:5px}.info-contact{background-color:#f8f9fa;border-radius:5px;color:#495057;font-size:14px;margin-bottom:15px;padding:10px}.info-actions{display:flex;justify-content:flex-end}.btn-sm{font-size:14px}.no-info{color:#666;grid-column:1/-1}.no-info p{font-size:16px;margin-bottom:20px}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;text-align:center}.user-actions{flex-wrap:wrap;justify-content:center}.search-inputs{align-items:stretch;flex-direction:column}.form-input,.form-select{min-width:auto;width:100%}.info-grid{grid-template-columns:1fr}.info-header{align-items:flex-start;flex-direction:column;gap:10px}.info-category{margin-left:0}}@media (max-width:480px){.info-list-section,.search-section{margin:10px;padding:15px}.info-card{padding:15px}.user-actions{flex-direction:column;width:100%}.user-actions .btn{margin:2px 0;width:100%}}.view-info-container{margin:0 auto;max-width:1000px}.info-detail-header{gap:20px;margin-bottom:30px;padding-bottom:15px}.info-detail-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:30px}.info-detail-header-content{align-items:flex-start;border-bottom:2px solid #f8f9fa;margin-bottom:25px;padding-bottom:20px}.info-detail-header-content h1{flex:1 1;font-size:28px;font-weight:600}.info-detail-meta{background-color:#f8f9fa;margin-bottom:30px;padding:20px}.meta-item{color:#555;font-size:15px}.meta-item strong{color:#333;margin-right:8px}.info-detail-description{margin-bottom:30px}.info-detail-description h3{font-size:20px;font-weight:600;margin-bottom:15px}.info-detail-description p{color:#555;font-size:16px;line-height:1.8;white-space:pre-wrap}.info-detail-contact{background-color:#e3f2fd;border-left:4px solid #007bff;padding:25px}.info-detail-contact h3{color:#007bff;font-size:18px;font-weight:600;margin-bottom:15px}.contact-info{background-color:#fff;border:1px solid #bbdefb;border-radius:6px;padding:15px}.contact-info p{color:#333;font-size:16px;font-weight:500;margin:0}.info-item{position:relative;transition:all .3s ease}.info-item:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.info-item .info-actions{display:flex;justify-content:flex-end;margin-top:15px}@media (max-width:768px){.info-detail-header,.info-detail-header-content{align-items:flex-start;flex-direction:column;gap:15px}.info-detail-header-content h1{font-size:24px}.info-detail-meta{gap:12px;grid-template-columns:1fr}.info-detail-card{padding:20px}}@media (max-width:480px){.view-info-container{padding:15px}.info-detail-header-content h1{font-size:20px}.info-detail-card{padding:15px}.info-detail-contact{padding:20px}}.home-new{background-color:#f5f5f5;min-height:100vh}.top-nav{background-color:#fff;box-shadow:0 2px 8px #0000001a}.nav-content{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo h1{color:#007bff;font-size:24px;font-weight:600;margin:0}.nav-actions{align-items:center;display:flex;gap:15px}.nav-btn{background-color:#f8f9fa;border:none;border-radius:6px;color:#495057;font-size:14px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-btn:hover{background-color:#007bff;color:#fff}.nav-btn.logout{background-color:#6c757d;color:#fff}.nav-btn.logout:hover{background-color:#5a6268}.location-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px}.location-header{justify-content:center;margin-bottom:20px}.location-icon{font-size:20px;margin-right:8px}.location-title{font-size:18px;font-weight:600}.location-selectors{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.location-select{background-color:#fff;border:none;border-radius:8px;color:#333;font-size:14px;min-width:120px;padding:10px 15px;transition:all .3s ease}.location-select:focus{box-shadow:0 0 0 3px #ffffff4d}.location-btn{background-color:initial;border:2px solid #fff;border-radius:8px;padding:10px 20px}.location-btn:hover{background-color:#fff;color:#667eea}.current-location{align-items:center;background-color:#fff3;border-radius:8px;display:flex;justify-content:center;margin:0 auto;max-width:600px;padding:12px 20px}.location-marker{font-size:16px;margin-right:8px}.location-text{font-size:14px;font-weight:500}.category-section{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:20px}.category-header{color:#333;font-size:16px;font-weight:600;margin-bottom:15px;text-align:center}.category-tabs{flex-wrap:wrap;gap:10px;justify-content:center}.category-tab{background-color:#f8f9fa;border:none;border-radius:20px;color:#6c757d;font-size:14px;padding:8px 20px;transition:all .3s ease}.category-tab:hover{background-color:#e9ecef}.category-tab.active{background-color:#17a2b8;color:#fff}.info-content{margin:0 auto;max-width:1200px;padding:20px}.info-header{border-bottom:2px solid #eee;margin-bottom:20px;padding-bottom:15px}.info-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.info-count{color:#6c757d;font-size:14px}.loading-state{color:#6c757d;font-size:16px;padding:60px 20px;text-align:center}.info-list-new{display:flex;flex-direction:column;gap:15px}.info-item-new{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.info-item-new:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.info-content-new{flex:1 1}.info-title{color:#333;margin:0 0 8px}.info-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 12px;overflow:hidden}.info-meta{color:#999;display:flex;font-size:12px;gap:20px}.info-location-new{align-items:center;display:flex;gap:4px}.info-actions-new{margin-left:20px}.view-btn{background-color:initial;border:1px solid #007bff;border-radius:6px;color:#007bff;font-size:14px;font-weight:500;padding:8px 20px;text-decoration:none;transition:all .3s ease}.view-btn:hover{background-color:#007bff;color:#fff}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin-bottom:20px}.post-btn{background-color:#007bff;border-radius:8px;color:#fff;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.post-btn:hover{background-color:#0056b3}@media (max-width:768px){.nav-content{height:50px;padding:0 15px}.logo h1{font-size:20px}.nav-actions{gap:8px}.nav-btn{font-size:12px;padding:6px 12px}.location-selectors{align-items:center;flex-direction:column}.location-select{max-width:300px;width:100%}.category-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.category-tab{flex-shrink:0}.info-content{padding:15px}.info-header{gap:10px}.info-header,.info-item-new{align-items:flex-start;flex-direction:column}.info-item-new{gap:15px}.info-actions-new{margin-left:0;width:100%}.view-btn{text-align:center;width:100%}}@media (max-width:480px){.location-section{padding:20px 15px}.current-location{text-align:center}.current-location,.info-meta{flex-direction:column;gap:8px}}.info-item .views{color:#6c757d;font-size:14px;font-weight:500;margin-top:8px}.info-meta .views,.time-item.views{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:5px}.info-detail-images{margin:20px 0}.info-detail-images h3{font-size:18px;font-weight:600}.images-container{display:flex;flex-wrap:wrap}.info-image{height:200px;position:relative;transition:transform .3s ease;width:200px}.info-image:hover{transform:scale(1.03)}.info-image img{height:100%}@media (max-width:768px){.info-image{height:150px;width:calc(50% - 8px)}}@media (max-width:480px){.info-image{height:200px;width:100%}}body.layout-comfortable{--location-padding:8px 12px;--section-gap:6px;--card-radius:10px;--font-scale:1.0}body.layout-comfortable .location-section{padding:3px 6px;padding:var(--location-padding)}body.layout-comfortable .location-select{font-size:.78rem;padding:5px 3px}body.layout-comfortable .board-type-section{margin-bottom:2px;margin-bottom:var(--section-gap);padding:8px 10px}body.layout-comfortable .board-type-tab{font-size:.85rem;padding:6px 10px}body.layout-comfortable .category-tab{font-size:.82rem;padding:5px 12px}body.layout-comfortable .info-card{border-radius:8px;border-radius:var(--card-radius);margin-bottom:10px;padding:14px}body.layout-card{--card-radius:14px;--card-shadow:0 2px 16px #00000014}body.layout-card .board-type-section,body.layout-card .category-section,body.layout-card .info-card,body.layout-card .location-section{border-radius:8px;border-radius:var(--card-radius);box-shadow:none;box-shadow:var(--card-shadow)}body.layout-card .info-card{border:none;margin-bottom:12px;padding:14px;transition:transform .2s,box-shadow .2s}body.layout-card .info-card:hover{box-shadow:0 4px 24px #0000001f;transform:translateY(-2px)}body.layout-card .detail-container{border-radius:20px}body.layout-card .detail-carousel{border-radius:8px;border-radius:var(--card-radius)}body.layout-minimal{--section-gap:4px;--card-radius:4px;--font-scale:1.0}body.layout-minimal .location-section{background:#0000;border:none;border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--color-border);border-radius:0;box-shadow:none}body.layout-minimal .board-type-section,body.layout-minimal .category-section{background:#0000;border:none;border-radius:0;box-shadow:none}body.layout-minimal .info-card{background:#fff;border:1px solid #eee;border-radius:8px;border-radius:var(--card-radius);box-shadow:none}body.layout-minimal .board-type-tab,body.layout-minimal .category-tab{background:#0000;border:none;color:#666;color:var(--color-text-secondary)}.notification-container{display:inline-block;position:relative}.notification-button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:background-color .3s}.notification-button:hover{background-color:#0000000d}.notification-badge{background-color:#ff4d4f;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;min-width:1.5rem;padding:.2rem .5rem;position:absolute;right:0;text-align:center;top:0}.notification-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-header h4{color:#262626;font-size:1rem;font-weight:600;margin:0}.notification-mark-all-read{background:none;border:none;border-radius:4px;color:#1890ff;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background-color .3s}.notification-mark-all-read:hover{background-color:#1890ff1a}.notification-list{max-height:350px;overflow-y:auto}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:1rem 1.25rem;transition:background-color .3s}.notification-item:hover{background-color:#fafafa}.notification-item.unread{background-color:#f0f8ff}.notification-item-icon{font-size:1.25rem;margin-right:1rem}.notification-item-content{flex:1 1}.notification-item-message{color:#333;font-size:.875rem;line-height:1.5;margin:0 0 .25rem}.notification-item-time{color:#999;font-size:.75rem}.no-notifications{color:#999;padding:2rem 1.25rem;text-align:center}@media (max-width:768px){.notification-dropdown{width:300px}}.download-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.download-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:600px;overflow:hidden;width:90%}.modal-header{border-bottom:1px solid #e0e0e0;padding:16px 20px}.modal-header h3{color:#333;font-size:18px}.close-btn{background:none;border:none;color:#666;height:30px;transition:all .2s;width:30px}.close-btn:hover{background-color:#f5f5f5;color:#333}.download-content{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.download-section{background-color:#fafafa;border-radius:8px;flex:1 1;min-width:250px;padding:15px;text-align:center}.download-section h4{color:#333;font-size:16px;margin:0 0 15px}.qrcode-container{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;height:200px;justify-content:center;margin:0 auto 15px;padding:10px;width:200px}.qrcode-image{max-height:100%;max-width:100%}.qrcode-placeholder{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#999;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.download-tip{color:#666;font-size:14px;margin:0}@media (max-width:640px){.download-content{flex-direction:column}.download-section{min-width:auto}.qrcode-container{height:180px;width:180px}}.customer-service-container{bottom:30px;position:fixed;right:30px;z-index:1000}.customer-service-button{align-items:center;background:linear-gradient(135deg,#1890ff,#40a9ff);border:none;border-radius:50px;box-shadow:0 4px 12px #1890ff4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:14px 26px;transition:all .3s ease}.customer-service-button:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff);box-shadow:0 6px 16px #1890ff66;transform:translateY(-2px)}.customer-service-button:active{transform:translateY(0)}.chat-window{animation:slideUp .3s ease-out;background-color:#fff;border-radius:16px;bottom:90px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;min-height:600px;min-width:500px;overflow:hidden;position:fixed;right:30px;transition:all .3s ease}.load-more-container{background-color:#f5f5f5;border-bottom:1px solid #eee;display:flex;justify-content:center;padding:10px 0}.load-more-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.load-more-button:hover{background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff}.load-more-button:disabled{background-color:#f5f5f5;color:#bbb;cursor:not-allowed}.chat-window.small{height:600px!important;overflow:hidden;width:500px!important}.chat-window.small .chat-messages{height:400px;overflow-y:auto}.chat-window.small .chat-input{padding:10px}.chat-window.small .chat-input .input-container{flex-direction:column;gap:8px}.chat-window.small .chat-input input{font-size:14px}.chat-window.small .chat-input .send-button{font-size:14px;padding:6px 12px}.chat-window.small .emoji-picker{max-height:200px;overflow-y:auto;width:280px}.chat-window.small .chat-header h3{font-size:14px}.chat-window.small .chat-header{padding:12px 16px}.chat-window.small .scale-button{font-size:14px;height:24px;width:24px}.chat-window.small .close-button{font-size:18px;height:24px;width:24px}.chat-window.small .message-wrapper{margin-bottom:8px}.chat-window.small .message-avatar{font-size:12px;height:28px;line-height:28px;width:28px}.chat-window.small .message-content p{font-size:14px}.chat-window.small .message-time{font-size:10px}.chat-window.small .withdraw-button{font-size:12px;padding:2px 6px}.chat-header{align-items:center;background:linear-gradient(135deg,#1890ff,#40a9ff);box-shadow:0 2px 8px #0000001a;color:#fff;cursor:grab;display:flex;justify-content:space-between;padding:18px 20px;-webkit-user-select:none;user-select:none}.chat-header:active{cursor:grabbing}.chat-header h3{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.chat-header h3:before{content:"💬";font-size:20px}.header-buttons{gap:8px}.header-buttons,.scale-button{align-items:center;display:flex}.scale-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:28px;justify-content:center;padding:0;transition:background-color .2s;width:28px}.scale-button:hover{background-color:#fff3}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.close-button:hover{background-color:#fff3}.chat-messages{background-color:#f8f9fa;background-image:linear-gradient(#ffffffe6,#ffffffe6),url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");flex:1 1;overflow-y:auto;padding:20px;scroll-snap-type:y mandatory}.message-wrapper{animation:fadeIn .3s ease-out;display:flex;margin-bottom:16px;scroll-snap-align:start}.user-message{justify-content:flex-start}.admin-message{justify-content:flex-end}.message-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 5px #0000001a;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;margin:0 10px;width:40px}.user-message .message-avatar{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.admin-message .message-avatar{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff}.message-content{word-wrap:break-word;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;line-height:1.5;max-width:70%;padding:12px 16px;position:relative}.user-message .message-content{background-color:#e6f7ff;border-bottom-left-radius:4px;color:#333}.admin-message .message-content{background-color:#f0f0f0;border-bottom-right-radius:4px;color:#333}.message-content p{word-wrap:break-word;margin:0 0 5px}.message-image{border-radius:8px;cursor:pointer;margin-top:5px;max-height:200px;max-width:100%;transition:transform .2s}.message-image:hover{transform:scale(1.05)}.message-time{color:#999;display:block;font-size:12px;margin-top:5px;text-align:right}.user-message .message-time{color:#666;text-align:left}.admin-message .message-time{color:#666}.no-messages{color:#999;font-style:italic;padding:40px 20px;text-align:center}.chat-input{background-color:#fff;border-top:1px solid #e8e8e8;box-shadow:0 -2px 10px #0000000d;display:flex;gap:12px;padding:16px}.input-container{display:flex;flex:1 1;position:relative}.input-container input{background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:10px 100px 10px 14px;transition:all .2s}.input-container input:focus{background-color:#fff;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.file-upload-btn{color:#666;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:70px;top:50%;transform:translateY(-50%);transition:color .2s}.file-upload-btn:hover{color:#1890ff}.send-button{background:linear-gradient(135deg,#1890ff,#40a9ff);border:none;border-radius:24px;box-shadow:0 2px 5px #1890ff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#69c0ff);box-shadow:0 4px 8px #1890ff66;transform:translateY(-1px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:#d9d9d9;box-shadow:none;cursor:not-allowed}.emoji-picker-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:40px;top:50%;transform:translateY(-50%);transition:all .2s}.emoji-picker-btn:hover{background-color:#f0f0f0;transform:translateY(-50%) scale(1.1)}.emoji-picker{animation:slideUp .3s ease-out;background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;bottom:60px;box-shadow:0 4px 12px #00000026;left:0;max-height:200px;overflow:hidden;position:absolute;width:100%;z-index:1000}.emoji-picker-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e8e8e8;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:8px 12px}.emoji-picker-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.emoji-picker-close:hover{color:#333;transform:rotate(90deg)}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-height:160px;overflow-y:auto;padding:8px}.emoji-item{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:4px;transition:all .2s;width:100%}.emoji-item:hover{background-color:#f0f0f0;transform:scale(1.2)}.emoji-item:active{transform:scale(.95)}.message-actions{display:flex;gap:8px;opacity:0;position:absolute;right:0;top:-30px;transition:opacity .2s}.message-content:hover .message-actions{opacity:1}.withdraw-button{background-color:#f0f0f0;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.withdraw-button:hover{background-color:#ff4d4f;box-shadow:0 3px 6px #ff4d4f4d;color:#fff;transform:translateY(-1px)}.withdraw-button:active{transform:translateY(0)}.withdrawn-message{background-color:#f9f9f9;border-left:3px solid #d9d9d9;border-radius:8px;color:#999;font-size:14px;font-style:italic;padding:8px 12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.emoji-grid::-webkit-scrollbar{width:4px}.emoji-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.emoji-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.user-message .message-content:after{border:8px solid #0000;border-bottom:0;border-right-color:#e6f7ff;bottom:0;content:"";height:0;left:-8px;margin-left:-8px;position:absolute;width:0}.admin-message .message-content:after{border:8px solid #0000;border-bottom:0;border-left-color:#f0f0f0;bottom:0;content:"";height:0;margin-right:-8px;position:absolute;right:-8px;width:0}.typing-indicator{align-items:center;background-color:#f0f0f0;border-radius:12px;display:flex;margin-bottom:16px;max-width:70%;padding:8px 12px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:#999;border-radius:50%;display:inline-block;height:8px;margin:0 2px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.customer-service-container{bottom:10px;right:10px}.customer-service-button{border-radius:36px;box-shadow:0 2px 8px #1890ff40;font-size:13px;padding:8px 14px}.chat-window{border-radius:12px!important;bottom:auto!important;box-shadow:0 4px 20px #0000002e;left:3vw!important;margin:0;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;position:fixed!important;right:auto!important;top:5vh!important}.chat-window,.chat-window.small{height:75vh!important;max-width:400px!important;width:94vw!important}.chat-header{border-radius:12px 12px 0 0;padding:8px 12px}.chat-header h3{font-size:14px}.chat-messages{-webkit-overflow-scrolling:touch;flex:1 1;padding:6px}.message-wrapper{margin-bottom:6px}.message-content{border-radius:10px;font-size:13px;max-width:80%;padding:6px 9px}.message-content p{font-size:13px;line-height:1.35}.message-avatar{font-size:11px;height:26px;margin:0 4px;width:26px}.message-image{border-radius:6px;max-height:100px}.message-time{font-size:9px}.chat-input{border-radius:0 0 12px 12px;flex-direction:row;flex-wrap:nowrap;gap:5px;padding:5px 6px max(5px,env(safe-area-inset-bottom))}.input-container input{border-radius:20px;font-size:15px;padding:7px 70px 7px 10px}.send-button{border-radius:20px;flex-shrink:0;font-size:13px;padding:7px 12px}.emoji-picker{bottom:44px;max-height:120px;width:100%}.emoji-grid{gap:3px;grid-template-columns:repeat(8,1fr);padding:5px}.emoji-item{font-size:18px;height:26px}.message-actions{opacity:1}.withdraw-button{font-size:10px;padding:2px 5px}.admin-message .message-content:after,.user-message .message-content:after{display:none}.load-more-button{font-size:11px;padding:4px 10px}.chat-window.small .chat-messages{height:auto}.close-button{font-size:18px;height:26px;width:26px}}@media (max-width:480px){.customer-service-button{font-size:12px;padding:7px 12px}.chat-window{height:72vh!important;left:2vw!important;width:96vw!important}.chat-header h3{font-size:13px}.message-content{font-size:12px;max-width:82%;padding:5px 8px}.message-content p{font-size:12px}.message-avatar{font-size:10px;height:24px;margin:0 3px;width:24px}.message-image{max-height:80px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.chat-input{padding:4px 5px max(4px,env(safe-area-inset-bottom))}}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#1890ff;display:inline-block}.announcement-bar{border-bottom:1px solid #ffc107;overflow:hidden;position:relative;width:100%;z-index:100}.announcement-bar,.announcement-bar.warning{background:linear-gradient(90deg,#fff3cd,#ffeeba 50%,#fff3cd)}.announcement-bar.warning{border-bottom-color:#ffc107}.announcement-bar.info{background:linear-gradient(90deg,#d1ecf1,#bee5eb 50%,#d1ecf1);border-bottom-color:#17a2b8}.announcement-bar.success{background:linear-gradient(90deg,#d4edda,#c3e6cb 50%,#d4edda);border-bottom-color:#28a745}.announcement-bar.error{background:linear-gradient(90deg,#f8d7da,#f5c6cb 50%,#f8d7da);border-bottom-color:#dc3545}.announcement-content-wrapper{align-items:center;display:flex;height:40px;min-height:40px;padding:0 16px;width:100%}.announcement-icon{animation:pulse 2s infinite;flex-shrink:0;font-size:18px;margin-right:12px}.announcement-text-container{flex:1 1;height:24px;overflow:hidden;position:relative}.announcement-text{animation:scroll-left 10s linear infinite;animation:scroll-left var(--scroll-duration,10s) linear infinite;display:inline-block;font-size:14px;font-weight:500;line-height:24px;padding-left:100%;white-space:nowrap}.announcement-text:hover{animation-play-state:paused}.announcement-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:18px;margin-left:12px;opacity:.6;padding:4px 8px;transition:opacity .2s}.announcement-close:hover{opacity:1}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media (max-width:768px){.announcement-content-wrapper{height:36px;min-height:36px;padding:0 12px}.announcement-icon{font-size:16px;margin-right:8px}.announcement-text{font-size:13px}.announcement-close{font-size:16px;padding:2px 6px}}.home-container,.home-container-wrapper{background:linear-gradient(180deg,#f8f6ff,#f0ecff 50%,#f5f3fa);background:var(--t-gradient-bg,linear-gradient(180deg,#f8f6ff 0,#f0ecff 50%,#f5f3fa 100%));min-height:100vh}.top-nav{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#0f3460 100%));box-shadow:0 4px 20px #0f34604d;box-shadow:0 4px 20px var(--t-primary-60,#0f34604d);color:#fff;display:flex;height:56px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#f5e6a3,#d4af37);background:var(--t-gradient-accent,linear-gradient(135deg,#d4af37,#f5e6a3,#d4af37));-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700;letter-spacing:1px;margin:0;white-space:nowrap}.nav-right{align-items:center;display:flex;gap:8px}.nav-desktop{display:none}.nav-btn{background:#d4af3726;background:var(--t-accent-15,#d4af3726);border:1px solid #d4af374d;border:1px solid var(--t-accent-30,#d4af374d);border-radius:18px;color:#d4af37;color:var(--t-accent,#d4af37);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .3s;white-space:nowrap}.nav-btn:hover{background:#d4af3740;background:var(--t-accent-25,#d4af3740);border-color:#d4af3780;border-color:var(--t-accent-30,#d4af3780);transform:translateY(-1px)}.logout-btn{background:#dc354526;border-color:#dc35454d;color:#ff6b7a}.logout-btn:hover{background:#dc354540;border-color:#dc354580}.user-email{background:#d4af371a;background:var(--t-accent-15,#d4af371a);border:1px solid #d4af3733;border:1px solid var(--t-border-accent,#d4af3733);border-radius:16px;color:#d4af37;color:var(--t-accent,#d4af37);font-size:.8rem;max-width:120px;overflow:hidden;padding:4px 12px;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#d4af37;background:var(--t-accent,#d4af37);height:2px;transition:all .3s;width:22px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.active{background:#0000}.hamburger.active:before{top:0;transform:rotate(45deg)}.hamburger.active:after{top:0;transform:rotate(-45deg)}.mobile-menu{animation:slideDown .25s ease;background:#fff;background:var(--t-card,#fff);box-shadow:0 8px 30px #0f346033;box-shadow:0 8px 30px var(--t-shadow,#0f346033);left:0;position:fixed;right:0;top:56px;z-index:99}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-header{background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#0f3460 100%));color:#d4af37;color:var(--t-accent,#d4af37);padding:14px 16px}.mobile-user-name{font-size:.9rem;font-weight:500}.mobile-menu-item{align-items:center;background:#fff;background:var(--t-card,#fff);border:none;color:#333;color:var(--t-text,#333);cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:14px 16px;text-align:left;transition:background .2s;width:100%}.mobile-menu-item:hover{background:#faf8f0;background:var(--t-bg-warm,#faf8f0)}.mobile-menu-item.logout{border-top:1px solid #eee;border-top:1px solid var(--t-border,#eee);color:#dc3545;color:var(--t-danger,#dc3545)}.location-section{background:#fff;background:var(--t-card,#fff);border:1px solid #d4af3714;border:1px solid var(--t-border-accent,#d4af3714);border-radius:8px;box-shadow:0 1px 6px #0f34600f;box-shadow:0 1px 6px var(--t-primary-shadow,#0f34600f);margin:2px 4px;padding:3px 6px}.location-row{align-items:center;display:flex;flex-wrap:nowrap;gap:3px}.location-select{background:#fff;background:var(--t-card,#fff);border:1px solid #e0dce8;border:1px solid var(--t-tab-border,#e0dce8);border-radius:4px;color:#1a1a2e;color:var(--t-text,#1a1a2e);cursor:pointer;flex:1 1;font-size:.65rem;max-width:85px;min-width:0;padding:3px 1px;transition:border-color .2s}.location-select:focus{border-color:#d4af37;border-color:var(--t-accent,#d4af37);box-shadow:0 0 0 1px #d4af371a;box-shadow:0 0 0 1px var(--t-accent-15,#d4af371a);outline:none}.location-select:disabled{background:#f8f9fa;background:var(--t-bg,#f8f9fa);opacity:.5}.location-btn-icon{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#0f3460 100%));border:1px solid #d4af3740;border:1px solid var(--t-accent-25,#d4af3740);border-radius:50%;color:#d4af37;color:var(--t-accent,#d4af37);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:22px;justify-content:center;line-height:1;padding:2px 4px;transition:all .2s;white-space:nowrap;width:22px}.location-btn-icon:hover:not(:disabled){box-shadow:0 1px 6px #0f346040;box-shadow:0 1px 6px var(--t-primary-40,#0f346040);transform:scale(1.15)}.location-btn-icon:disabled{cursor:not-allowed;opacity:.5}.location-btn-icon.locating{animation:pulse 1s infinite}.location-current{color:#0f3460;color:var(--t-primary-end,#0f3460);flex-shrink:1;font-size:.62rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-accuracy-warning,.location-error{border-radius:3px;font-size:.62rem;margin-top:2px;padding:2px 5px}.location-accuracy-warning{align-items:center;background:#fff3cd;color:#856404;display:flex;justify-content:space-between}.retry-location-btn{background:#0f3460;background:var(--t-primary-end,#0f3460);border:none;border-radius:3px;color:#d4af37;color:var(--t-accent,#d4af37);cursor:pointer;font-size:.6rem;padding:1px 4px}.board-type-section{background:#fff;background:var(--t-card,#fff);border:1px solid #d4af3714;border:1px solid var(--t-border-accent,#d4af3714);border-radius:8px;box-shadow:0 1px 8px #0f34600f;box-shadow:0 1px 8px var(--t-primary-shadow,#0f34600f);margin:0 4px 2px;padding:4px 6px}.board-type-tabs{display:flex;gap:3px}.board-type-tab{align-items:center;background:#f8f6ff;background:var(--t-tab-bg,#f8f6ff);border:1px solid #e0dce8;border:1px solid var(--t-tab-border,#e0dce8);border-radius:14px;color:#555;color:var(--t-text-sec,#555);cursor:pointer;display:flex;flex:1 1;font-size:.72rem;font-weight:600;gap:2px;justify-content:center;padding:4px 6px;transition:all .3s}.board-type-tab.active{background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#0f3460 100%));border-color:#0f3460;border-color:var(--t-primary-end,#0f3460);box-shadow:0 4px 15px #0f34604d;box-shadow:0 4px 15px var(--t-primary-60,#0f34604d);color:#d4af37;color:var(--t-accent,#d4af37)}.board-icon{font-size:.9rem}.board-name{white-space:nowrap}.category-section{background:#fff;background:var(--t-card,#fff);border:1px solid #d4af3714;border:1px solid var(--t-border-accent,#d4af3714);border-radius:8px;box-shadow:0 1px 8px #0f34600f;box-shadow:0 1px 8px var(--t-primary-shadow,#0f34600f);margin:0 4px 2px;overflow:hidden;padding:4px 0}.category-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:3px;overflow-x:auto;padding:0 6px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:#f8f6ff;background:var(--t-tab-bg,#f8f6ff);border:1px solid #e0dce8;border:1px solid var(--t-tab-border,#e0dce8);border-radius:12px;color:#666;color:var(--t-text-sec,#666);cursor:pointer;flex-shrink:0;font-size:.68rem;font-weight:500;padding:3px 7px;transition:all .2s;white-space:nowrap}.category-tab.active{background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#0f3460 100%));border-color:#0f3460;border-color:var(--t-primary-end,#0f3460);box-shadow:0 2px 10px #0f346040;box-shadow:0 2px 10px var(--t-primary-40,#0f346040);color:#d4af37;color:var(--t-accent,#d4af37)}.info-section{border-radius:12px;margin:0 8px 8px;overflow:hidden}.info-header{background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#0f3460 100%));color:#d4af37;color:var(--t-accent,#d4af37);padding:12px 16px}.info-header h3{font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0}.info-category-group{background:#fff;background:var(--t-card,#fff);border:1px solid #d4af371a;border:1px solid var(--t-border-accent,#d4af371a);border-radius:12px;box-shadow:0 2px 12px #0f346014;box-shadow:0 2px 12px var(--t-shadow,#0f346014);margin-bottom:12px;overflow:hidden}.category-group-header{align-items:center;background:linear-gradient(135deg,#faf8f0,#f5f0e0);background:var(--t-gradient-warm,linear-gradient(135deg,#faf8f0 0,#f5f0e0 100%));border-bottom:1px solid #d4af3726;border-bottom:1px solid var(--t-accent-15,#d4af3726);display:flex;gap:8px;padding:10px 14px}.category-group-icon{font-size:1.1rem}.category-group-title{color:#1a1a2e;color:var(--t-text,#1a1a2e);font-size:.9rem;font-weight:700}.category-group-count{background:#d4af371a;background:var(--t-accent-15,#d4af371a);border-radius:10px;color:#d4af37;color:var(--t-accent,#d4af37);font-size:.78rem;font-weight:600;margin-left:auto;padding:2px 8px}.info-list-compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;padding:8px}.info-card-compact{background:#fff;background:var(--t-card,#fff);border:1px solid #ede8f5;border:1px solid var(--t-border,#ede8f5);border-radius:10px;box-shadow:0 1px 4px #0f34600f;box-shadow:0 1px 4px var(--t-primary-shadow,#0f34600f);cursor:pointer;padding:10px 12px;position:relative;transition:all .25s}.info-card-compact:hover{border-color:#d4af37;border-color:var(--t-accent,#d4af37);box-shadow:0 4px 16px #d4af3726;box-shadow:0 4px 16px var(--t-shadow-accent,#d4af3726);transform:translateY(-2px)}.info-card-compact:active{transform:translateY(0)}.info-card-compact.top-pinned{background:linear-gradient(135deg,#fffbf0,#fff8e6);background:var(--t-gradient-warm,linear-gradient(135deg,#fffbf0 0,#fff8e6 100%));border-color:#d4af37;border-color:var(--t-accent,#d4af37);box-shadow:0 2px 10px #d4af3726;box-shadow:0 2px 10px var(--t-shadow-accent,#d4af3726)}.info-card-compact.top-pinned:hover{box-shadow:0 6px 20px #d4af3740;box-shadow:0 6px 20px var(--t-accent-25,#d4af3740)}.info-card-compact.national_paid{border-left:3px solid #d4af37;border-left:3px solid var(--t-accent,#d4af37)}.info-card-compact.province_paid{border-left:3px solid #6f42c1}.info-card-compact.city_paid{border-left:3px solid #0f3460;border-left:3px solid var(--t-primary-end,#0f3460)}.info-card-compact.local_paid{border-left:3px solid #28a745;border-left:3px solid var(--t-success,#28a745)}.info-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.info-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.info-card-category{background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e,#0f3460));border-radius:10px;color:#d4af37;color:var(--t-accent,#d4af37);font-size:.7rem;font-weight:600;padding:2px 8px}.badge-top{background:linear-gradient(135deg,#d4af37,#f5e6a3);background:var(--t-gradient-accent,linear-gradient(135deg,#d4af37,#f5e6a3));color:#1a1a2e;color:var(--t-text,#1a1a2e);font-weight:700}.badge-top,.badge-type{border-radius:10px;font-size:.68rem;padding:2px 8px}.badge-type{color:#fff;font-weight:600}.badge-national_paid{background:linear-gradient(135deg,#d4af37,#b8941e);background:var(--t-gradient-accent,linear-gradient(135deg,#d4af37,#b8941e));color:#1a1a2e;color:var(--t-text,#1a1a2e)}.badge-province_paid{background:linear-gradient(135deg,#6f42c1,#9561e2)}.badge-city_paid{background:linear-gradient(135deg,#0f3460,#1a5276);background:var(--t-gradient,linear-gradient(135deg,#0f3460,#1a5276))}.badge-local_paid{background:linear-gradient(135deg,#28a745,#34ce57);background:linear-gradient(135deg,var(--t-success,#28a745),#34ce57)}.info-card-price{background:linear-gradient(135deg,#d4af37,#b8941e);background:var(--t-gradient-accent,linear-gradient(135deg,#d4af37,#b8941e));border-radius:12px;color:#1a1a2e;color:var(--t-text,#1a1a2e);font-size:.78rem;font-weight:700;padding:2px 10px;white-space:nowrap}.info-card-title{color:#1a1a2e;color:var(--t-text,#1a1a2e);font-size:.88rem;font-weight:700;line-height:1.35;margin:0 0 3px}.info-card-desc,.info-card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.info-card-desc{color:#888;color:var(--t-text-sec,#888);font-size:.76rem;line-height:1.4;margin:0 0 4px}.info-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2px}.info-card-footer .meta-item,.info-card-meta .meta-item{align-items:center;color:#aaa;color:var(--t-text-sec,#aaa);display:flex;font-size:.72rem;gap:2px}.info-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.info-card-footer .expiry{color:#e74c3c;color:var(--t-danger,#e74c3c);font-weight:500}.no-info{background:#fff;background:var(--t-card,#fff);border:1px solid #d4af371a;border:1px solid var(--t-border-accent,#d4af371a);border-radius:12px;margin:0 8px;padding:40px 20px}.no-info-icon{font-size:3rem;margin-bottom:12px}.no-info h3{color:#1a1a2e;color:var(--t-text,#1a1a2e);margin:0 0 8px}.no-info p{color:#999;color:var(--t-text-sec,#999);margin:0 0 16px}.btn-publish{background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#0f3460 100%));border:1px solid #d4af374d;border:1px solid var(--t-accent-30,#d4af374d);border-radius:22px;color:#d4af37;color:var(--t-accent,#d4af37);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all .2s}.btn-publish:hover{box-shadow:0 4px 15px #0f34604d;box-shadow:0 4px 15px var(--t-primary-60,#0f34604d)}.detail-overlay{align-items:flex-end;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f346099;background:var(--t-overlay,#0f346099);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:200}.detail-container{animation:slideUp .3s ease;background:#fff;background:var(--t-card,#fff);border-radius:14px 14px 0 0;display:flex;flex-direction:column;max-height:90vh;width:100%}.detail-header{background:linear-gradient(135deg,#faf8f0,#fff);background:var(--t-gradient-warm,linear-gradient(135deg,#faf8f0,#fff));border-bottom:1px solid #d4af3726;border-bottom:1px solid var(--t-accent-15,#d4af3726);flex-shrink:0;padding:14px 16px}.detail-back-btn{background:none;border:none;color:#0f3460;color:var(--t-primary-end,#0f3460);cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:8px;padding:4px 0}.detail-title{color:#1a1a2e;color:var(--t-text,#1a1a2e);font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 8px}.detail-header-badges{align-items:center;display:flex;gap:6px}.detail-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:10px 12px}.detail-image-section{margin-bottom:10px}.detail-carousel{background:#f8f6ff;background:var(--t-tab-bg,#f8f6ff);border:1px solid #d4af3714;border:1px solid var(--t-border-accent,#d4af3714);border-radius:10px;overflow:hidden;position:relative}.detail-carousel-viewport{align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;max-height:200px;width:100%}.detail-carousel-img{cursor:pointer;height:100%;object-fit:contain;width:100%}.detail-carousel-btn{align-items:center;background:#0f346066;background:var(--t-primary-40,#0f346066);border:none;border-radius:50%;color:#d4af37;color:var(--t-accent,#d4af37);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:32px;z-index:2}.detail-carousel-btn:hover{background:#0f346099;background:var(--t-primary-60,#0f346099)}.detail-carousel-btn.prev{left:8px}.detail-carousel-btn.next{right:8px}.detail-carousel-dots{bottom:10px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.detail-carousel-dots .dot{background:#d4af3766;background:var(--t-accent-30,#d4af3766);border-radius:50%;cursor:pointer;height:8px;transition:all .2s;width:8px}.detail-carousel-dots .dot.active{background:#d4af37;background:var(--t-accent,#d4af37);border-radius:4px;width:20px}.detail-price{align-items:baseline;display:flex;gap:8px;margin-top:10px}.detail-price-amount{background:linear-gradient(135deg,#d4af37,#b8941e);background:var(--t-gradient-accent,linear-gradient(135deg,#d4af37,#b8941e));border-radius:20px;color:#1a1a2e;color:var(--t-text,#1a1a2e);font-size:1rem;font-weight:700;padding:6px 14px}.detail-price-desc{color:#999;color:var(--t-text-sec,#999);font-size:.85rem}.detail-meta-grid{grid-gap:10px;background:linear-gradient(135deg,#faf8f0,#f8f6ff);background:var(--t-gradient-warm,linear-gradient(135deg,#faf8f0,#f8f6ff));border:1px solid #d4af371a;border:1px solid var(--t-border-accent,#d4af371a);border-radius:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:12px}.detail-meta-item{display:flex;flex-direction:column;gap:2px}.detail-meta-label{color:#999;color:var(--t-text-sec,#999);font-size:.78rem}.detail-meta-value{color:#1a1a2e;color:var(--t-text,#1a1a2e);font-size:.88rem;font-weight:500;word-break:break-all}.contact-highlight{color:#0f3460;color:var(--t-primary-end,#0f3460);font-weight:700}.detail-description{margin-bottom:16px}.detail-description h4{color:#1a1a2e;color:var(--t-text,#1a1a2e);font-size:.95rem;font-weight:700;margin:0 0 10px}.detail-description-text{color:#444;color:var(--t-text-sec,#444);font-size:.9rem;line-height:1.7;white-space:pre-wrap}.detail-rich-content{margin-top:16px}.rich-text-block{color:#444;color:var(--t-text-sec,#444);font-size:.9rem;line-height:1.7;margin-bottom:12px;white-space:pre-wrap}.rich-image-block{border:1px solid #d4af3714;border:1px solid var(--t-border-accent,#d4af3714);border-radius:8px;margin-bottom:8px;overflow:hidden}.rich-image-block img{border-radius:8px;cursor:pointer;max-height:200px;object-fit:cover;width:100%}.detail-images-section{margin-bottom:10px}.detail-images-section h4{color:#1a1a2e;color:var(--t-text,#1a1a2e);font-size:.85rem;font-weight:700;margin:0 0 6px}.detail-images-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.detail-image-item{border:1px solid #d4af3714;border:1px solid var(--t-border-accent,#d4af3714);border-radius:8px;cursor:pointer;overflow:hidden}.detail-image-item img{aspect-ratio:1;object-fit:cover;transition:transform .2s;width:100%}.detail-image-item img:hover{transform:scale(1.05)}.detail-footer{border-top:1px solid #d4af3726;border-top:1px solid var(--t-accent-15,#d4af3726);flex-shrink:0;padding:12px 16px}.detail-close-btn{background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#0f3460 100%));border:1px solid #d4af374d;border:1px solid var(--t-accent-30,#d4af374d);border-radius:10px;color:#d4af37;color:var(--t-accent,#d4af37);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px;transition:all .2s;width:100%}.detail-close-btn:hover{box-shadow:0 4px 15px #0f34604d;box-shadow:0 4px 15px var(--t-primary-60,#0f34604d)}.welcome-message{padding:60px 20px;text-align:center}.welcome-message h2{color:#1a1a2e;color:var(--t-text,#1a1a2e);margin-bottom:8px}.welcome-message p{color:#666;color:var(--t-text-sec,#666);margin-bottom:8px}.welcome-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn-primary{background:linear-gradient(135deg,#1a1a2e,#0f3460);background:var(--t-gradient,linear-gradient(135deg,#1a1a2e 0,#0f3460 100%));border:1px solid #d4af374d;border:1px solid var(--t-accent-30,#d4af374d);border-radius:22px;color:#d4af37;color:var(--t-accent,#d4af37);font-size:.95rem;padding:12px 28px}.btn-secondary{background:#fff;background:var(--t-card,#fff);border:2px solid #0f3460;border:2px solid var(--t-primary-end,#0f3460);border-radius:22px;color:#0f3460;color:var(--t-primary-end,#0f3460);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 28px}@media (min-width:576px){.info-list-compact{gap:10px;grid-template-columns:repeat(2,1fr)}.info-card-title{font-size:.9rem}.detail-meta-grid{grid-template-columns:repeat(3,1fr)}.detail-images-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.app-title{font-size:1.4rem}.nav-desktop{display:flex!important}.mobile-menu-btn{display:none}.mobile-menu{display:none!important}.board-type-section,.category-section,.info-category-group,.info-section,.location-section{margin-left:auto;margin-right:auto;max-width:960px}.location-section{margin-left:auto;margin-right:auto;margin-top:12px;padding:6px 10px}.location-row{gap:5px}.location-select{font-size:.78rem;max-width:110px;padding:5px 3px}.location-btn-icon{font-size:.85rem;height:26px;width:26px}.location-current{font-size:.75rem}.board-type-section{margin:0 auto 8px;padding:10px 12px}.board-type-tab{font-size:.85rem;gap:4px;padding:8px 14px}.board-icon{font-size:1rem}.category-section{margin:0 auto 8px;padding:10px 0}.category-tab{font-size:.82rem;padding:6px 14px}.info-list-compact{gap:12px;grid-template-columns:repeat(3,1fr)}.info-card-compact{padding:12px 14px}.info-card-title{font-size:.92rem}.detail-overlay{align-items:center;justify-content:center}.detail-container{border-radius:16px;max-height:90vh;max-width:640px}.detail-meta-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.board-type-section,.category-section,.info-category-group,.info-section,.location-section{max-width:1200px}.info-list-compact{gap:12px;grid-template-columns:repeat(4,1fr)}.detail-container{max-width:720px}}@media (min-width:1600px){.board-type-section,.category-section,.info-category-group,.info-section,.location-section{max-width:1500px}.info-list-compact{gap:14px;grid-template-columns:repeat(5,1fr)}.info-card-compact{padding:14px 16px}.info-card-title{font-size:.95rem}}.post-info{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 0}.post-info-container{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.board-type-selector{display:flex;flex-wrap:wrap;gap:.75rem}.board-type-option{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.7rem 1.3rem;transition:all .3s ease}.board-type-option:hover{background:#f0f3ff;border-color:#667eea;transform:translateY(-1px)}.board-type-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 3px 10px #667eea4d;color:#fff}.bt-icon{font-size:1.2rem}.bt-name{font-weight:600}.post-info h2{color:#333;font-size:2rem;font-weight:700;margin:0 0 2rem;text-align:center}.post-info form{margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:1rem;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;padding:.8rem;transition:all .3s ease;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input[type=number].error,.form-group input[type=text].error,.form-group select.error,.form-group textarea.error{border-color:#ff6b6b}.error-message{color:#ff6b6b;display:block;font-size:.9rem;margin-top:.3rem}.price-input-group{align-items:center;display:flex;position:relative}.price-input-group input{padding-left:3rem}.currency{color:#666;font-weight:600;left:1rem;position:absolute}.price-input-container .custom-unit-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;max-width:120px;min-width:80px;padding:.5rem}.negotiable-checkbox{align-items:center;display:flex;margin-left:1rem}.rules-checkbox{align-items:flex-start;cursor:pointer;display:flex;font-size:.95rem;font-weight:400;gap:.5rem;-webkit-user-select:none;user-select:none}.rules-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;margin-top:.2rem;width:auto}.rules-link{color:#667eea;cursor:pointer;text-decoration:underline;transition:color .3s ease}.rules-link:hover{color:#5a67d8}.rules-checkbox:hover .rules-link,.rules-link:hover{text-decoration:none}.negotiable-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin-right:.5rem;width:18px}.rich-content-editor{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:1rem}.rich-content-input{display:flex;margin-bottom:1rem}.rich-content-input textarea{border:2px solid #e9ecef;border-radius:8px 0 0 8px;border-right:none;flex:1 1;resize:vertical}.add-text-btn{background:#667eea;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-weight:600;padding:0 1rem;transition:background .3s ease}.add-text-btn:hover{background:#5a67d8}.rich-content-upload{margin-bottom:1rem;text-align:center}.upload-image-btn{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background .3s ease}.upload-image-btn:hover{background:#38a169}.rich-content-preview{border-top:1px solid #e9ecef;padding-top:1rem}.rich-content-preview h4{color:#333;font-size:1rem;margin:0 0 1rem}.rich-content-item{margin-bottom:1rem;position:relative}.rich-text{word-wrap:break-word;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;white-space:pre-wrap}.rich-image{max-width:100%;position:relative}.rich-image img{border:1px solid #e9ecef;border-radius:8px;display:block;max-width:100%}.remove-item-btn{align-items:center;background:#ff6b6be6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background .3s ease;width:24px}.remove-item-btn:hover{background:#ff4757e6}.image-upload-container{border:2px dashed #e9ecef;border-radius:10px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.image-upload-container:hover{background:#f8f9fa;border-color:#667eea}.image-upload-input{display:none}.upload-button{color:#667eea;font-size:1.1rem;font-weight:600}.image-preview-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.image-preview{border-radius:8px;height:120px;position:relative;width:120px}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ff6b6be6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background .3s ease;width:24px}.remove-image-btn:hover{background:#ff4757e6}.remove-image{align-items:center;display:flex;justify-content:center;line-height:1;transition:all .3s ease}.remove-image:hover{background:#ff6b6b;transform:scale(1.1)}.location-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.location-inputs select{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;min-width:180px;padding:.8rem 1rem;position:relative;transition:all .3s ease}.location-inputs select:hover:not(:disabled){border-color:#667eea}.location-inputs select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.location-inputs select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.location-actions{margin-top:.5rem;text-align:center}.location-actions .auto-locate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.location-actions .auto-locate-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.location-actions .auto-locate-btn:active{box-shadow:0 2px 6px #667eea4d;transform:translateY(0)}.auto-locate-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.95rem;padding:.625rem 1.5rem;transition:all .3s ease}.auto-locate-btn:hover{box-shadow:0 4px 15px #4facfe4d;transform:translateY(-1px)}.display-type-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin:1rem 0;overflow:hidden;padding:2rem 3rem;position:relative}.compact-display-options{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;width:100%}.display-option{align-items:center;border:1px solid #ddd;border-radius:20px;cursor:pointer;display:flex;justify-content:center;max-width:250px;padding:8px 20px;transition:all .3s ease;width:80%}.display-option:hover{background-color:#f5f5f5;border-color:#d0d0d0}.display-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:16px;margin-right:12px;width:16px}.display-option label{align-items:center;cursor:pointer;display:flex;font-size:.95rem;justify-content:center;width:100%}.option-name{color:#333;font-weight:500;margin-right:10px}.option-price{font-size:1rem}.display-option input[type=radio]:checked{accent-color:#4facfe}.display-option[data-type=free]{border-color:#28a745}.display-option[data-type=free] input[type=radio]:checked~label .option-name{color:#28a745;font-weight:600}.display-option[data-type=free] input[type=radio]:checked~label .option-price{color:#28a745}.display-option[data-type=local]{border-color:#007bff}.display-option[data-type=local] input[type=radio]:checked~label .option-name{color:#007bff;font-weight:600}.display-option[data-type=local] input[type=radio]:checked~label .option-price{color:#007bff}.display-option[data-type=national]{border-color:#dc3545}.display-option[data-type=national] input[type=radio]:checked~label .option-name{color:#dc3545;font-weight:600}.display-option[data-type=national] input[type=radio]:checked~label .option-price{color:#dc3545}.top-pin-checkbox{align-items:center;cursor:pointer;display:flex;font-size:1rem}.top-pin-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-right:.8rem;width:20px}.cost-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-top:1.5rem;padding:1.5rem}.cost-info p{font-size:1.1rem;margin:.5rem 0}.cost-info strong{color:#667eea;font-size:1.2rem}.balance-warning{background:#ffe6e6;border-radius:5px;color:#ff6b6b;display:block;font-weight:600;margin-top:.5rem;padding:.5rem;text-align:center}.form-actions{margin-top:2rem}.form-actions .btn{border:none;border-radius:25px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-align:center;transition:all .3s ease}.form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-actions .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.form-actions .btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.form-actions .btn-secondary{background:#e9ecef;color:#495057}.form-actions .btn-secondary:hover{background:#dee2e6;transform:translateY(-2px)}.image-upload-container.main-image-upload{background:#f7fafc;border:2px dashed #cbd5e0;padding:1.5rem}.image-upload-container.main-image-upload:hover{background:#edf2f7;border-color:#667eea}.add-main-image-btn{align-items:center!important;background:#f9fafb!important;border:2px dashed #a0aec0!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;height:120px!important;justify-content:center!important;transition:all .3s ease!important;width:120px!important}.add-main-image-btn:hover{background:#f0f4ff!important;border-color:#667eea!important}.add-main-image-btn .plus-icon{color:#a0aec0;font-size:36px;line-height:1}.add-main-image-btn .btn-text{color:#718096;font-size:12px;margin-top:5px}.main-image-count{color:#718096;font-size:13px;margin-top:10px;text-align:center}.rental-price-description{background:#fffaf0;border:2px solid #fed7aa;border-radius:10px;padding:1rem}.rental-price-description label{color:#c05621;font-weight:700}.rental-price-description textarea{background:#fff;border-color:#fbd38d}.rental-price-description textarea:focus{border-color:#dd6b20;box-shadow:0 0 0 3px #dd6b201a}.rich-content-editor.rental-editor{background:#f8fafc;border-color:#e2e8f0}.rich-content-editor .add-text-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-size:14px;letter-spacing:1px;min-width:80px}.rich-content-editor .upload-image-btn{background:linear-gradient(135deg,#48bb78,#38a169);font-size:14px;letter-spacing:1px;padding:.6rem 1.5rem}.verification-success{animation:fadeInDown .5s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verification-pending,.verification-rejected,.verification-required{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:3rem;text-align:center}.pending-icon,.rejected-icon{font-size:5rem;margin-bottom:1.5rem}.pending-icon{color:#ffc107}.rejected-icon{color:#ff6b6b}.verification-pending h2,.verification-rejected h2,.verification-required h2{font-size:2rem;font-weight:700;margin:0 0 1.5rem}.verification-rejected h2{color:#ff6b6b}.verification-required h2{color:#667eea}.verification-pending p,.verification-rejected p,.verification-required p{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.reject-reason{background:#fff3cd;border:1px solid #ffeaa7;margin:2rem 0;padding:1.5rem}.reject-reason strong{color:#856404}.reject-reason p{color:#856404;line-height:1.5}.verification-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.verification-actions .btn{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:.875rem 2rem;transition:all .3s ease}.verification-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.verification-actions .btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.verification-actions .btn-secondary{background:#e9ecef;color:#495057}.verification-actions .btn-secondary:hover{background:#dee2e6;transform:translateY(-2px)}.account-suspended{background:#fff;border:2px solid #ff6b6b;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:3rem;text-align:center}.suspended-icon{color:#ff6b6b;font-size:5rem;margin-bottom:1.5rem}.account-suspended h2{color:#ff6b6b;font-size:2rem;font-weight:700;margin:0 0 1.5rem}.suspend-message{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.suspend-message,.suspend-reason{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:1.5rem;text-align:left}.suspend-reason{margin:2rem 0}.suspend-reason strong{color:#856404;display:block;font-size:1.1rem;margin-bottom:.5rem}.suspend-reason p{color:#856404;font-size:1rem;line-height:1.5;margin:0}.suspended-actions{display:flex;justify-content:center;margin-top:2rem}.suspended-actions .btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:.875rem 2rem;transition:all .3s ease}.suspended-actions .btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.loading{align-items:center;color:#667eea;display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}.payment-options-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.payment-options{gap:1rem;margin-bottom:2rem}.payment-option{background:#f8f9fa;border-radius:12px}.payment-option.selected{background:#fff;box-shadow:0 4px 15px #667eea33}.option-header{padding:1.5rem;transition:all .3s ease}.option-header:hover{background:#667eea0d}.option-icon{flex-shrink:0;font-size:2rem;margin-right:1rem}.option-info h4{color:#333;font-size:1.1rem;margin:0 0 .3rem}.option-info p{color:#666;font-size:.9rem}.option-price{color:#667eea;font-size:1.2rem;font-weight:700;margin-right:1rem}.option-radio input[type=radio]{cursor:pointer;height:20px;width:20px}.option-config{border-top:1px solid #e9ecef;padding:0 1.5rem 1.5rem}.days-selector{margin-top:1rem}.days-selector label{color:#333;margin-bottom:.5rem}.days-cost-hint{margin-bottom:8px}.custom-days input{border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;padding:.5rem}.custom-days input:focus{border-color:#667eea;outline:none}.option-details{background:#667eea0d;border-top:1px solid #e9ecef;padding:1rem 1.5rem}.option-details ul{list-style:none;margin:0;padding:0}.option-details li{color:#555;font-size:.9rem;margin-bottom:.5rem}.cost-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:1rem;padding:1.5rem}.cost-details{gap:.5rem}.cost-item{font-size:.95rem}.cost-item.total{border-top:1px solid #ffffff4d;font-size:1.1rem;margin-top:.5rem;padding-top:.5rem}.total-amount{font-size:1.3rem}.cost-item.balance{font-size:.9rem;opacity:.9}.sufficient{color:#4caf50;font-weight:600}.insufficient{color:#ff6b6b;font-weight:600}.insufficient-balance{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;color:#856404;font-size:1rem;justify-content:center;margin:1rem 0;padding:1rem}.insufficient-balance .icon{margin-right:.5rem}.post-info-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.post-info-header h1{font-size:1.5rem;font-weight:600;margin:0}.balance-info{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;font-weight:600;padding:.5rem 1rem}.section-header{margin-bottom:2rem;text-align:center}.section-header h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.section-header p{color:#666;font-size:1rem;margin:0}@media (max-width:768px){.post-info{padding:1rem 0}.post-info-container{margin:0 1rem;padding:1.5rem}.post-info h2{font-size:1.5rem}.form-actions,.form-group .payment-options{flex-direction:column}.cost-info{padding:1rem}.location-inputs select{min-width:100%}.verification-pending,.verification-rejected,.verification-required{padding:2rem 1rem}.pending-icon,.rejected-icon{font-size:4rem}.verification-pending h2,.verification-rejected h2,.verification-required h2{font-size:1.5rem}.verification-actions{flex-direction:column}.verification-actions .btn{width:100%}.account-suspended{padding:2rem 1rem}.suspended-icon{font-size:4rem}.account-suspended h2{font-size:1.5rem}.suspend-message{font-size:1rem;padding:1rem}.suspended-actions .btn{width:100%}}@media (max-width:480px){.post-info-container{padding:1rem}.post-info h2{font-size:1.3rem}.verification-pending,.verification-rejected,.verification-required{padding:1.5rem .8rem}.pending-icon,.rejected-icon{font-size:3rem}.verification-pending h2,.verification-rejected h2,.verification-required h2{font-size:1.3rem}.account-suspended{padding:1.5rem .8rem}.suspended-icon{font-size:3rem}.account-suspended h2{font-size:1.3rem}}.location-error{background-color:#fff5f5;border-left:3px solid #ff6b6b;border-radius:5px;color:#ff6b6b;font-size:.9rem;margin-top:.5rem;padding:.5rem}.auto-locate-btn:disabled{cursor:not-allowed;opacity:.6}.auto-locate-btn:disabled:hover{background-color:#6c757d}.chat-window-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.chat-window-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:420px;overflow:hidden;width:90%}.chat-window-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:14px 18px}.chat-window-header h3{font-size:16px;font-weight:600;margin:0}.chat-window-header .chat-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:background .2s;width:30px}.chat-window-header .chat-close-btn:hover{background:#ffffff59}.chat-window-messages{background:#f5f7fa;display:flex;flex:1 1;flex-direction:column;gap:10px;max-height:45vh;min-height:200px;overflow-y:auto;padding:16px}.chat-message{animation:msgIn .2s ease;display:flex;flex-direction:column;max-width:80%}.chat-message.sent{align-self:flex-end}.chat-message.received{align-self:flex-start}.chat-message-bubble{border-radius:16px;font-size:14px;line-height:1.5;padding:10px 14px;word-break:break-word}.chat-message.sent .chat-message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.chat-message.received .chat-message-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014;color:#333}.chat-message-time{color:#999;font-size:11px;margin-top:4px;padding:0 4px}.chat-message.sent .chat-message-time{text-align:right}.chat-input-area{background:#fff;border-top:1px solid #eee;display:flex;gap:8px;padding:12px 16px}.chat-input-area input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s}.chat-input-area input:focus{border-color:#667eea}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;transition:transform .15s,box-shadow .15s;width:42px}.chat-send-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.chat-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.chat-empty-state{color:#999;font-size:14px;padding:30px 20px;text-align:center}.chat-empty-state .empty-icon{font-size:36px;margin-bottom:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.chat-window-container{max-height:85vh;width:95%}.chat-window-messages{max-height:50vh}}.service-price{color:#e63946;font-weight:700;margin:5px 0}.price-description{color:#666;font-size:.9em;font-style:italic}.view-info{margin:0 auto;max-width:1200px;padding:20px}.view-info-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.info-detail-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.info-detail-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.info-detail-header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.info-detail-header-content h1{color:#333;font-size:24px;margin:0}.info-category{background:#f1f9ff;border-radius:16px;color:#1890ff;font-size:14px;padding:4px 12px}.info-detail-meta{grid-gap:15px;background:#f9f9f9;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:15px}.info-detail-description,.info-detail-meta{margin-bottom:20px}.info-detail-description h3{color:#333;margin-bottom:10px}.info-detail-images{margin-bottom:20px}.info-detail-images h3{color:#333;margin-bottom:15px}.images-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.info-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.info-image img{cursor:pointer;height:200px;object-fit:cover;transition:transform .3s;width:100%}.info-image img:hover{transform:scale(1.05)}.info-detail-contact{background:#f0f7ff;border-radius:8px;margin-top:20px;padding:15px}.info-detail-contact h3{color:#333;margin-bottom:10px}.contact-info{font-size:16px;line-height:1.5}.filters{background:#f9f9f9;border-radius:8px;flex-wrap:wrap;gap:10px;padding:15px}.filters input,.filters select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.info-list{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:15px;transition:transform .3s,box-shadow .3s}.info-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.info-item h3{color:#333;margin-bottom:10px;margin-top:0}.info-item p{color:#666;margin:5px 0}.info-item .category{color:#1890ff;font-weight:700}.info-item .region{color:#52c41a}.info-item .service-price{color:#e63946;font-weight:700}.info-item .description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.info-item .contact{color:#722ed1}.info-item .views{color:#999;font-size:.9em}.info-actions{margin-top:15px;text-align:right}.no-info{padding:40px;text-align:center}.loading,.no-info{color:#999}@media (max-width:768px){.info-detail-header,.info-detail-header-content{align-items:flex-start;flex-direction:column}.info-detail-meta{grid-template-columns:1fr}.filters{flex-direction:column}.filters input,.filters select{width:100%}.info-list{grid-template-columns:1fr}}.location-test-container{margin:0 auto;max-width:600px;padding:20px;text-align:center}.location-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none;transition:background-color .3s}.location-button:hover{background-color:#45a049}.location-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#f44336;margin-top:15px}.location-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:20px;padding:15px;text-align:left}.location-info h3{color:#333;margin-top:0}.location-info p{font-family:monospace;margin:5px 0}.profile{padding:20px}.profile-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:800px;padding:30px}.profile-nav,.tabs{margin-bottom:20px}.tabs{border-bottom:1px solid #ddd;display:flex}.tab{background-color:initial;border:none;cursor:pointer;font-size:16px;padding:10px 20px}.tab.active{border-bottom:2px solid #007bff;font-weight:700}.tab-content{padding:20px 0}.actions{display:flex;gap:10px;margin-top:10px}.btn-danger{background-color:#dc3545}.info-list{display:flex;flex-direction:column;gap:20px}.info-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.duration-modal-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle at center,#000000b3 0,#2b2200e6 100%);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.duration-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,#fff,#fff9e6);background-clip:padding-box;border:2px solid #0000;border-radius:16px;box-shadow:0 15px 40px #0000004d,0 0 20px #ffd70033;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.duration-modal:before{animation:goldShimmer 3s infinite alternate;background:linear-gradient(135deg,gold,#ffb700 50%,#ff9f00);border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:.9;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes goldShimmer{0%{opacity:.8}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,gold,#ffb700);border-bottom:1px solid #ffd7004d;border-radius:14px 14px 0 0;box-shadow:inset 0 -2px 10px #0000000d;color:#3a2c00;display:flex;justify-content:space-between;padding:22px 28px}.modal-header h3{color:#3a2c00;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 1px 2px #ffffff80}.close-btn{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#ffffff4d;border:1px solid #ffd70080;border-radius:50%;color:#3a2c00;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.close-btn:hover{background:#ffd7004d;box-shadow:0 0 10px #ffd70080;transform:rotate(90deg)}.modal-body{background:linear-gradient(145deg,#fff,#f9f9f9);padding:28px}.info-title-preview{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px}.days-selection{margin-bottom:20px}.days-selection label{color:#495057;display:block;font-weight:500;margin-bottom:8px}.days-options{margin-bottom:8px}.days-option-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.days-option-btn:hover{background:#f8f6ff;border-color:#1a1a2e;color:#1a1a2e}.days-option-btn.active{background:linear-gradient(135deg,#1a1a2e,#0f3460);border-color:#1a1a2e;box-shadow:0 2px 8px #1a1a2e4d;color:#d4af37}.days-cost-hint{color:#6c757d;font-size:13px;margin-top:4px}.days-cost-hint span{color:#d4af37;font-weight:600}.display-type-selection{margin-bottom:20px}.display-type-selection label{color:#495057;display:block;font-weight:500;margin-bottom:8px}.display-type-selection select{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 15px;transition:border-color .3s ease;width:100%}.display-type-selection select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.display-type-selection select:hover{border-color:#0056b3}.cost-info{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px;padding:10px 15px}.cost-info:last-child{margin-bottom:0}.total-cost{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;border-left:4px solid #2196f3;color:#1565c0;font-weight:600;margin:20px 0}.balance-info{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;border-left:4px solid #ff9800}.balance-note{color:#999;font-size:12px;margin-top:10px;text-align:center}.insufficient-balance{color:#dc3545;font-weight:600}.modal-footer{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:0 0 14px 14px;border-top:1px solid #e9ecef80;display:flex;gap:16px;justify-content:flex-end;padding:22px 28px}.modal-footer .btn{border:none;border-radius:30px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;padding:12px 28px;text-transform:uppercase;transition:all .4s ease}.btn-secondary{background:linear-gradient(135deg,gold,#ffb700);border:1px solid #ffffff4d;box-shadow:0 4px 20px #ffd7004d;color:#3a2c00}.btn-secondary:hover{background:linear-gradient(135deg,#ffed4e,#ffc107);box-shadow:0 6px 25px #ffd70066}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.btn-primary:disabled{background-color:#6c757d;box-shadow:none}.meta-item{align-items:center;display:flex;font-size:13px;gap:6px}.meta-label{color:#6c757d;font-weight:500;min-width:60px}.meta-value{color:#495057}.category-tag{background:linear-gradient(135deg,#007bff,#0062cc);padding:3px 8px;transition:all .2s ease}.category-tag:hover{box-shadow:0 2px 4px #007bff4d;transform:scale(1.05)}.display-type-tag{background:linear-gradient(135deg,#28a745,#218838);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:3px 8px;transition:all .2s ease}.display-type-tag:hover{box-shadow:0 2px 4px #28a7454d;transform:scale(1.05)}.location-tag{background:linear-gradient(135deg,#6c757d,#5a6268);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:3px 8px;transition:all .2s ease}.location-tag:hover{box-shadow:0 2px 4px #6c757d4d;transform:scale(1.05)}.description-text{color:#495057;font-size:14px;line-height:1.6;margin:0 0 15px}.info-time{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:8px;margin-top:15px;padding-top:15px}.time-item{align-items:center;color:#6c757d;display:flex;font-size:13px;gap:8px}.time-icon{color:#007bff;flex-shrink:0}.info-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.info-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.info-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;justify-content:space-between;padding:20px}.info-header,.info-title{align-items:center;display:flex}.info-title{color:#212529;flex:1 1;font-size:18px;font-weight:600;gap:8px;margin:0}.top-tag{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:10px;color:#fff;padding:2px 8px}.status-badge,.top-tag{font-size:12px;font-weight:500}.status-badge{border-radius:20px;padding:4px 12px;text-transform:uppercase}.status-badge.在线展示{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.已下线{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-badge.已下架{background:#e2e3e5;border:1px solid #d6d8db;color:#6c757d}.status-badge.置顶中{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.category-tag{background:#007bff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.info-card-body{padding:20px}.info-description{color:#495057;font-size:14px;line-height:1.5;margin:0 0 15px}.info-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:center;display:flex;font-size:13px}.detail-label{color:#6c757d;font-weight:500;margin-right:10px;min-width:100px}.detail-value{color:#495057;flex:1 1}.info-card-actions{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #dee2e6;padding:20px}.horizontal-buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn-records{background:linear-gradient(135deg,#6f42c1,#5a2d91);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-records:hover{background:linear-gradient(135deg,#5a2d91,#4c1f78);box-shadow:0 4px 12px #6f42c14d;transform:translateY(-2px)}.section-title{color:#212529;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.verification-status{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 15px #0000000d;margin-bottom:2rem;padding:2.5rem}.status-indicator{align-items:center;border-radius:16px;display:flex;flex-direction:column;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s ease}.status-indicator:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.status-indicator:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.status-indicator.verified{background:linear-gradient(135deg,#d4edda,#f8f9fa);border:2px solid #c3e6cb}.status-indicator.verified:before{background:linear-gradient(90deg,#28a745,#34ce57)}.status-indicator.pending{background:linear-gradient(135deg,#fff3cd,#f8f9fa);border:2px solid #ffeaa7}.status-indicator.pending:before{background:linear-gradient(90deg,#ffc107,gold)}.status-indicator.rejected{background:linear-gradient(135deg,#f8d7da,#f8f9fa);border:2px solid #f5c6cb}.status-indicator.rejected:before{background:linear-gradient(90deg,#dc3545,#ff6b6b)}.status-indicator.not-verified,.status-indicator.unverified{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef}.status-indicator.not-verified:before,.status-indicator.unverified:before{background:linear-gradient(90deg,#6c757d,#adb5bd)}.status-icon{animation:statusIconPulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem}@keyframes statusIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status-indicator span{display:inline-block;font-size:1.6rem;font-weight:700;margin-bottom:.8rem;position:relative}.status-indicator.verified span{color:#155724}.status-indicator.pending span{color:#856404}.status-indicator.rejected span{color:#721c24}.status-indicator.not-verified span,.status-indicator.unverified span{color:#495057}.status-indicator span:after{border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.status-indicator.verified span:after{background:#28a745}.status-indicator.pending span:after{background:#ffc107}.pending-tips{background:#ffffffb3;border-left:4px solid #ffc107;border-radius:8px;margin-top:1rem;padding:1rem}.pending-tips p{color:#856404;font-size:.95rem;margin:0}.status-indicator.rejected span:after{background:#dc3545}.status-indicator.not-verified span:after,.status-indicator.unverified span:after{background:#6c757d}.status-message{font-size:1rem;line-height:1.7;margin-bottom:1.5rem;margin-top:.8rem;max-width:600px}.status-indicator.verified .status-message{color:#155724}.status-indicator.pending .status-message{color:#856404}.status-indicator.rejected .status-message{color:#721c24}.reject-reason{animation:rejectReasonHighlight .5s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 2px 10px #dc35451a;margin:1.5rem 0;max-width:600px;padding:1.2rem;width:100%}@keyframes rejectReasonHighlight{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reject-reason strong{font-size:1.1rem;margin-bottom:.8rem}.reject-reason p{line-height:1.6;margin-bottom:0}.verify-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .4s ease}.verify-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.verify-button:hover:before{left:100%}.verify-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.verify-button:active{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}.unverified-info{animation:fadeInUp .6s ease-out;margin-top:1.5rem;text-align:center}.unverified-info p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.benefits-tips{animation:fadeIn .8s ease-out;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;margin-top:2rem;padding:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.benefits-tips h4{color:#667eea;font-size:1.1rem;font-weight:600;margin:0 0 1rem;text-align:center}.benefits-tips ul{list-style:none;margin:0;padding:0}.benefits-tips li{align-items:center;color:#495057;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 0;transition:all .2s ease}.benefits-tips li:hover{color:#667eea;transform:translateX(5px)}.benefits-tips li:before{background:#667eea;border-radius:50%;content:"";height:4px;width:4px}.verified-info{animation:verifiedInfoAppear .6s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-top:1.5rem;overflow:hidden;position:relative}@keyframes verifiedInfoAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verified-info:before{background:linear-gradient(90deg,#28a745,#34ce57,#20c997);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.verified-info:after{background:#28a7450d;border-radius:50%;content:"";height:80px;position:absolute;right:10px;top:10px;width:80px;z-index:0}.verified-info h4{color:#155724;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;position:relative;text-align:center;z-index:1}.verified-info .info-item{align-items:center;background:#ffffffb3;border-bottom:1px solid #f1f3f5;border-radius:10px;display:flex;margin-bottom:.5rem;padding:1.2rem 1rem;position:relative;transition:all .3s ease;z-index:1}.verified-info .info-item:hover{background:#28a7450d;box-shadow:0 2px 8px #28a7451a;transform:translateX(5px)}.verified-info .info-item:hover span{background:#fff;border-color:#28a745;box-shadow:0 3px 10px #28a74526}@media (max-width:768px){.verified-info{padding:1.5rem}.verified-info .info-item{align-items:flex-start;flex-direction:column;gap:.5rem}.verified-info .info-item label{min-width:auto;width:100%}.verified-info .info-item span{padding:.5rem;width:100%}}.verified-info .info-item:last-child{border-bottom:none}.verified-info .info-item label{align-items:center;color:#6c757d;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.6rem;margin-right:1rem;min-width:140px}.verified-info .info-item label:before{content:none}.verified-info .info-item span{background:#ffffffe6;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#495057;flex:1 1;font-size:1rem;font-weight:500;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.verified-info .info-item span:before{background:linear-gradient(180deg,#28a745,#20c997);border-radius:2px 0 0 2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.verified-time{color:#6c757d;font-size:.95rem;font-style:italic;margin-top:1.5rem;text-align:center}.verification-badge{background:linear-gradient(135deg,#28a745,#34ce57);border-radius:20px;box-shadow:0 2px 10px #28a74533;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.4rem 1rem}.btn-logout{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-logout:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.btn{border-radius:6px;font-size:13px;gap:6px;min-width:80px;padding:10px 18px}.btn-sm{font-size:12px;padding:6px 12px}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#1e7e34;transform:translateY(-1px)}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #dee2e6;color:#6c757d}.btn-outline:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057;transform:translateY(-1px)}.btn-gradient{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-gradient:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.horizontal-buttons-container{gap:8px}.btn{flex:1 1;font-size:11px;min-width:0;padding:6px 10px}.detail-row{align-items:flex-start;flex-direction:column}.detail-label{margin-bottom:2px;margin-right:0;min-width:auto}}@media (max-width:480px){.info-title-section{align-items:flex-start;flex-direction:column;gap:10px}.info-card-actions,.info-card-body,.info-card-header{padding:15px}}.logout-btn{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.logout-btn:hover{opacity:.9}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.profile-header h2{color:#333;font-size:24px;margin:0}.btn-back-home{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 2px 10px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-back-home:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-back-home:active{transform:translateY(0)}.secondary-actions .btn-success{background:linear-gradient(135deg,#28a745,#34ce57);box-shadow:0 2px 8px #28a7454d;font-weight:600}.secondary-actions .btn-success:hover{background:linear-gradient(135deg,#218838,#28a745);box-shadow:0 4px 12px #28a74566}.account-suspended-banner{align-items:flex-start;background:#fff3cd;border:2px solid #ffc107;border-radius:12px;display:flex;gap:1rem;margin:1.5rem 0;padding:1.5rem}.suspended-banner-icon{color:#ff6b6b;flex-shrink:0;font-size:2.5rem}.suspended-banner-content h3{color:#ff6b6b;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.suspended-banner-content p{color:#856404;font-size:1rem;line-height:1.5;margin:0 0 1rem}.suspended-reason-info{background:#fff;border:1px solid #ffc107;border-radius:8px;margin-top:.5rem;padding:1rem}.suspended-reason-info strong{color:#856404;display:block;font-size:.95rem;margin-bottom:.3rem}.suspended-reason-info p{color:#856404;font-size:.9rem;line-height:1.4;margin:0}.btn.disabled{cursor:not-allowed;opacity:.5}.btn.disabled,.btn.disabled:hover{background:#6c757d!important;box-shadow:none!important}.btn.disabled:hover{transform:none!important}.edit-info{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.edit-info-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;margin-top:20px;max-width:800px;padding:40px;width:100%}.page-header{gap:15px;margin-bottom:30px}.back-btn,.page-header{align-items:center;display:flex}.back-btn{background:#667eea1a;border-radius:8px;color:#667eea;gap:5px;padding:8px 16px}.back-btn:hover{background:#667eea;color:#fff}.edit-info h2{color:#333;flex:1 1;font-size:28px;font-weight:600;margin:0}.edit-info-form{display:grid}.edit-info-form,.form-row{grid-gap:20px;gap:20px}.form-group label{color:#555;font-size:14px;font-weight:500;margin-bottom:8px}.label-icon{font-size:16px;margin-right:8px}.required{margin-left:4px}.form-group input,.form-group select,.form-group textarea{background-color:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.form-group select:disabled{background-color:#f1f3f4;color:#9aa0a6;cursor:not-allowed}.location-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px}.location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.location-section h4{color:#495057;font-size:16px;font-weight:600;margin:0}.location-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:20px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.location-btn:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.location-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.location-btn.locating{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6c757d,#495057)}.location-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;margin-bottom:15px;padding:10px 15px}.location-selectors{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr}.form-actions{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.btn{border-radius:8px;font-weight:500}.btn-primary:hover{box-shadow:0 5px 15px #667eea66}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057)}.btn-secondary:hover{background:linear-gradient(135deg,#5a6268,#343a40);box-shadow:0 5px 15px #6c757d66}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.loading{color:#666;font-size:16px;padding:40px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.error-message,.success-message{margin-bottom:20px;padding:12px 16px}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}@media (max-width:768px){.edit-info{padding:10px}.edit-info-container{margin-top:10px;padding:20px}.form-row,.location-selectors{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.payment-options-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:25px 0;padding:25px}.payment-options-section .section-header{margin-bottom:25px;text-align:center}.payment-options-section .section-header h3{color:#495057;font-size:20px;font-weight:600;margin:0 0 8px}.payment-options-section .section-header p{color:#6c757d;font-size:14px;margin:0}.payment-options{flex-direction:column;gap:15px;margin-bottom:25px}.payment-option{border-radius:10px}.payment-option:hover{box-shadow:0 2px 8px #667eea1a}.payment-option.selected{box-shadow:0 0 0 3px #667eea1a}.option-header{cursor:pointer;padding:20px}.option-icon{font-size:24px;margin-right:15px;text-align:center;width:40px}.option-info{flex:1 1}.option-info h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 5px}.option-info p{color:#6c757d;font-size:13px;margin:0}.option-price{color:#28a745;font-size:16px;font-weight:600;margin-right:15px}.option-radio input{cursor:pointer;height:18px;width:18px}.option-config{background:#f8f9fa;border-top:1px solid #f1f3f4;padding:0 20px 20px}.days-selector label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.days-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.day-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.day-btn:hover{background:#f8f9fa;border-color:#667eea}.day-btn.active{background:#667eea;border-color:#667eea;color:#fff}.custom-days input{border:1px solid #dee2e6;border-radius:6px;font-size:13px;padding:8px 12px;width:120px}.cost-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.cost-details{display:flex;flex-direction:column;gap:10px}.cost-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.cost-item.total{border-top:1px solid #e9ecef;font-size:16px;font-weight:600;margin-top:5px;padding-top:10px}.total-amount{color:#28a745;font-size:18px;font-weight:700}.cost-item.balance .sufficient{color:#28a745;font-weight:600}.cost-item.balance .insufficient{color:#dc3545;font-weight:600}.insufficient-balance{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;font-size:14px;justify-content:space-between;margin-top:15px;padding:12px 16px}.recharge-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s ease}.recharge-btn:hover{background:#c82333}@media (max-width:768px){.payment-options-section{margin:20px 0;padding:20px}.option-header{padding:15px}.days-options{justify-content:center}.insufficient-balance{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.edit-info-container{padding:15px}.edit-info h2{font-size:24px}.payment-options-section{padding:15px}.option-header{padding:12px}.option-icon{font-size:20px;margin-right:10px;width:30px}.days-options{grid-template-columns:repeat(3,1fr)}}.price-input-container{align-items:center;display:flex;gap:.5rem}.price-input-container input{flex:2 1}.price-input-container .currency-unit{color:#666;font-weight:500;margin-right:.5rem}.price-input-container .unit-select{flex:1 1;min-width:80px}.verification-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.verification-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0}.header-content{margin:0 auto;max-width:1200px;padding:0 2rem}.back-btn{font-size:.9rem}.verification-header h1{font-size:1.5rem;font-weight:600;margin:0}.verification-container{margin:0 auto;max-width:800px;padding:2rem}.verification-intro{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem}.intro-icon{flex-shrink:0;font-size:3rem}.intro-content h2{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.intro-content p{color:#666;font-size:1rem;line-height:1.6;margin:0}.verification-form-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.form-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.form-header h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.form-header p{color:#666;font-size:.95rem;margin:0}.verification-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{align-items:center;color:#333;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.label-icon{font-size:1.1rem}.required{color:#e74c3c;font-weight:700}.optional{color:#95a5a6;font-size:.85rem;font-weight:400}.form-group input{background:#fafbfc;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{background:#fdf2f2;border-color:#e74c3c}.form-group input.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.error-message{align-items:center;color:#e74c3c;display:flex;font-size:.85rem;font-weight:500;gap:.3rem}.error-message:before{content:"⚠️";font-size:.8rem}.file-upload-container{align-items:center;display:flex;gap:1rem;position:relative}.file-name{background:#f0f4f8;border:1px solid #d1d9e6;border-radius:8px;color:#4a5568;font-size:.9rem;margin-top:.5rem;max-width:100%;overflow:hidden;padding:.5rem 1rem;text-overflow:ellipsis;white-space:nowrap}.image-preview{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:12px;transition:all .3s ease}.preview-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:300px;max-width:100%;object-fit:contain;transition:transform .3s ease}.preview-image:hover{transform:scale(1.02)}input[type=file]{background:#f7fafc;border:2px dashed #cbd5e0;cursor:pointer}input[type=file]:hover{background:#edf2f7;border-color:#a0aec0}input[type=file]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.file-input{display:none}.file-upload-label{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:10px;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:500;min-width:120px;padding:.875rem 1.5rem;text-align:center;transition:all .3s ease}.file-upload-label:hover{background:#e9ecef;border-color:#adb5bd}.remove-file-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-file-btn:hover{background:#c82333;transform:scale(1.1)}.image-preview{align-items:center;background:#fafbfc;border:2px solid #e9ecef;border-radius:10px;display:flex;justify-content:center;margin-top:1rem;overflow:hidden;padding:1rem}.image-preview img{border-radius:8px;max-height:300px;max-width:100%;object-fit:contain;transition:all .3s ease}.image-preview img:hover{box-shadow:0 4px 15px #0000001a;transform:scale(1.02)}.form-actions{border-top:2px solid #f0f0f0;gap:1rem;margin-top:1rem;padding-top:1.5rem}.btn-cancel{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;color:#6c757d;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:#e9ecef;transform:translateY(-1px)}.btn-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.875rem 2rem;transition:all .3s ease}.btn-submit:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.verification-tips{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:2rem}.verification-tips h4{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.tips-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tip-item{align-items:flex-start;border-left:4px solid #667eea;border-radius:10px;gap:1rem;padding:1rem}.tip-icon{flex-shrink:0;font-size:1.5rem}.tip-item strong{color:#333;display:block;font-size:.95rem;margin-bottom:.3rem}.tip-item p{color:#666;font-size:.85rem;line-height:1.4;margin:0}.verification-pending,.verification-rejected,.verification-success{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:2rem 0;padding:3rem;text-align:center}.verification-pending .pending-icon,.verification-rejected .rejected-icon,.verification-success .success-icon{font-size:5rem;margin-bottom:1.5rem}.verification-pending h2,.verification-rejected h2,.verification-success h2{font-size:1.8rem;font-weight:600;margin:0 0 1rem}.verification-pending p,.verification-rejected p,.verification-success p{color:#666;font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem}.verification-success{border:3px solid #28a745}.verification-success h2{color:#28a745}.verification-pending{border:3px solid #ffc107}.verification-pending h2{color:#ffc107}.verification-rejected{border:3px solid #dc3545}.verification-rejected h2{color:#dc3545}.reject-reason{background:#f8d7da;border:1px solid #f5c6cb;border-radius:10px;margin:1rem 0;padding:1rem;text-align:left}.reject-reason strong{color:#721c24;display:block;margin-bottom:.5rem}.reject-reason p{color:#721c24;font-size:1rem;margin:0}.verified-info{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;margin:2rem 0;padding:2rem}.verified-info h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem;text-align:center}.info-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 0}.info-item:last-child{border-bottom:none}.info-item label{color:#555;font-size:.95rem;font-weight:600;min-width:100px}.info-item span{color:#333;font-size:.95rem;font-weight:500;text-align:right}.btn-primary{align-items:center;border:none;border-radius:30px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:160px;padding:1rem 2.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.verification-container{padding:1rem}.verification-intro{flex-direction:column;padding:1.5rem;text-align:center}.intro-icon{font-size:2.5rem}.verification-form-card{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}.tips-grid{gap:1rem;grid-template-columns:1fr}.tip-item{padding:.875rem}.header-content{padding:0 1rem}.verification-header h1{font-size:1.3rem}.verified-info{padding:1.5rem}.verified-info h3{font-size:1.2rem}.info-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.875rem 0}.info-item label{min-width:auto}.info-item span{text-align:left;width:100%}}@media (max-width:480px){.verification-intro{padding:1rem}.intro-content h2{font-size:1.1rem}.intro-content p{font-size:.9rem}.verification-form-card{padding:1rem}.form-header h3{font-size:1.2rem}.verification-tips{padding:1rem}}.payment-options{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:40px;width:100%}.payment-container h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:30px;position:relative;text-align:center}.payment-container h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.info-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #667eea;border-radius:15px;margin-bottom:30px;padding:25px}.info-summary h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 10px}.info-summary p{color:#6c757d;font-size:14px;line-height:1.5;margin:0}.payment-options-list{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.payment-option{background:#fff;border:2px solid #e9ecef;border-radius:15px;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.payment-option:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.payment-option:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.payment-option:hover:before{transform:scaleX(1)}.payment-option.selected{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-color:#667eea;box-shadow:0 8px 25px #667eea33}.payment-option.selected:before{transform:scaleX(1)}.option-header{align-items:center;display:flex;gap:15px;margin-bottom:10px}.option-header input[type=radio]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.option-header h4{color:#2c3e50;flex:1 1;font-size:18px;font-weight:600;margin:0}.price{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 2px 10px #667eea4d;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.option-description{color:#6c757d;font-size:14px;line-height:1.5;margin:0;padding-left:35px}.days-selector{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:15px;margin-bottom:25px;padding:20px}.days-selector label{color:#2c3e50;font-size:16px;font-weight:600}.days-selector select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;min-width:120px;padding:10px 15px;transition:all .3s ease}.days-selector select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.payment-summary{background:linear-gradient(135deg,#28a745,#20c997);border-radius:15px;color:#fff;margin-bottom:30px;padding:25px;text-align:center}.total-cost h3{font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.form-actions{display:flex;gap:15px;margin-bottom:30px}.btn,.form-actions{justify-content:center}.btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#6c757d;box-shadow:0 4px 15px #6c757d4d;color:#fff}.btn-secondary:hover{background:#5a6268;box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.payment-tips{background:#f8f9fa;border-left:5px solid #17a2b8;border-radius:15px;padding:25px}.payment-tips h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.payment-tips ul{color:#495057;margin:0;padding-left:20px}.payment-tips li{font-size:14px;line-height:1.5;margin-bottom:8px}.payment-tips li:last-child{margin-bottom:0}@media (max-width:768px){.payment-options{padding:15px}.payment-container{border-radius:15px;padding:25px}.payment-container h2{font-size:24px}.info-summary,.payment-option{padding:20px}.option-header{flex-wrap:wrap;gap:10px}.price{margin-left:35px;order:-1}.days-selector{align-items:flex-start;flex-direction:column;gap:10px}.days-selector select{width:100%}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.payment-container{padding:20px}.payment-container h2{font-size:22px}.info-summary h3{font-size:18px}.option-header h4{font-size:16px}.total-cost h3{font-size:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-container>*{animation:fadeInUp .6s ease forwards}.payment-container>:first-child{animation-delay:.1s}.payment-container>:nth-child(2){animation-delay:.2s}.payment-container>:nth-child(3){animation-delay:.3s}.payment-container>:nth-child(4){animation-delay:.4s}.payment-container>:nth-child(5){animation-delay:.5s}.payment-container>:nth-child(6){animation-delay:.6s}.recharge-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px}.recharge-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin-bottom:30px;padding:20px}.header-content{align-items:center;display:flex;justify-content:space-between}.back-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;font-size:14px;font-weight:500;padding:.5rem 1rem}.back-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.header-info{flex:1 1;text-align:center}.header-info h1{font-size:28px;margin:0 0 10px}.header-info p{font-size:18px;margin:0;opacity:.9}.auth-required{background:#f8f9fa;border-radius:10px;padding:60px 20px;text-align:center}.auth-required h2{color:#495057;margin-bottom:10px}.auth-required p{color:#6c757d;margin-bottom:20px}.login-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.login-btn:hover{background:#0056b3}.recharge-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.amount-section,.recharge-form{margin-bottom:30px}.amount-section h3{color:#333;font-size:20px;margin-bottom:15px}.amount-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:15px}.amount-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s ease}.amount-btn:hover{background:#f8f9ff;border-color:#007bff}.amount-btn.selected{background:#007bff;border-color:#007bff;color:#fff}.custom-amount{margin-top:15px}.custom-input{border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:12px 15px;transition:border-color .3s ease;width:100%}.custom-input:focus{border-color:#007bff;outline:none}.payment-section h3{color:#333;font-size:20px;margin-bottom:15px}.payment-group{margin-bottom:20px}.payment-group-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:10px;margin-bottom:10px;padding-bottom:8px}.group-badge{border-radius:12px;font-size:13px;font-weight:600;padding:3px 10px}.group-badge-fast{background:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.group-badge-manual{background:#fff7e6;border:1px solid #ffd591;color:#fa8c16}.group-desc{color:#999;font-size:13px}.review-type-badge{border-radius:10px;font-size:12px;font-weight:500;padding:2px 8px}.review-type-fast{background:#e6f7ff;color:#1890ff}.review-type-manual{background:#fff7e6;color:#fa8c16}.payment-methods{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payment-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:15px 20px;transition:all .3s ease}.payment-btn:hover:not(:disabled){box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.payment-btn:disabled{cursor:not-allowed;opacity:.5}.payment-btn.alipay{border-color:#1677ff;color:#1677ff}.payment-btn.alipay:hover:not(:disabled){background:#1677ff;color:#fff}.payment-btn.wechat{border-color:#07c160;color:#07c160}.payment-btn.wechat:hover:not(:disabled){background:#07c160;color:#fff}.payment-btn.alipay-transfer{border-color:#1677ff;color:#1677ff}.payment-btn.alipay-transfer:hover:not(:disabled){background:#1677ff;color:#fff}.payment-btn.wechat-transfer{border-color:#07c160;color:#07c160}.payment-btn.wechat-transfer:hover:not(:disabled){background:#07c160;color:#fff}.payment-btn.bank-transfer{border-color:#6c757d;color:#6c757d}.payment-btn.bank-transfer:hover:not(:disabled){background:#6c757d;color:#fff}.payment-btn.digital-rmb{border-color:#9c27b0;color:#9c27b0}.payment-btn.digital-rmb:hover:not(:disabled){background:#9c27b0;color:#fff}.payment-btn.alipay-face{border-color:#1677ff;color:#1677ff}.payment-btn.alipay-face:hover:not(:disabled){background:#1677ff;color:#fff}.payment-btn.alipay-wap{border-color:#00a0e9;color:#00a0e9}.payment-btn.alipay-wap:hover:not(:disabled){background:#00a0e9;color:#fff}.payment-icon{font-size:20px;margin-right:8px}.amount-display{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.amount-display p{color:#007bff;font-size:18px;font-weight:600;margin:0}.upload-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.upload-section h3{color:#333;font-size:24px;margin-bottom:20px}.qr-code-container{margin-bottom:30px}.qr-code{border:1px solid #e9ecef;border-radius:8px;height:auto;margin-bottom:15px;max-width:200px}.qr-code-container p{color:#666;margin:10px 0}.amount-info{color:#007bff!important;font-size:18px;font-weight:600}.alipay-face-container{padding:20px;text-align:center}.alipay-face-container h3{color:#333;margin-bottom:15px}.face-pay-notice{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.review-badge{border-radius:12px;font-size:13px;font-weight:600;padding:4px 12px}.review-badge-fast{background:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.review-time{color:#999;font-size:13px}.qr-code-wrapper{display:flex;justify-content:center;margin-bottom:15px}.face-pay-tip{color:#666;margin:10px 0 20px}.face-pay-waiting{animation:pulse 1.5s ease-in-out infinite;color:#1890ff;font-size:14px;margin:5px 0 15px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.transfer-info-container{margin-bottom:30px}.transfer-info{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:20px;text-align:left}.transfer-details p{font-size:16px;line-height:1.5;margin:10px 0}.transfer-details strong{color:#333;margin-right:10px}.transfer-qrcode{margin-top:15px;text-align:center}.transfer-qrcode-img{border:1px solid #e9ecef;border-radius:8px;height:auto;max-width:200px}.transfer-notice{color:#007bff;font-size:16px;font-weight:500;margin-top:10px}.proof-upload{border-top:1px solid #e9ecef;padding-top:20px}.proof-upload h4{color:#333;margin-bottom:15px}.upload-container{align-items:center;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;min-height:180px;padding:20px;position:relative;text-align:center;transition:border-color .3s ease}.upload-container:hover{border-color:#1890ff}.upload-button{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:0;text-align:center;transition:none;width:100%}.upload-icon{font-size:24px;margin-right:0}.preview-inside-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.preview-inside-image{border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 8px #0000001a;height:auto;margin-bottom:8px;max-height:140px;max-width:100%;width:auto}.file-name{color:#666;font-size:14px;text-align:center;word-break:break-all}.remove-preview-btn{background-color:#ff4d4f;border:none;border-radius:4px;bottom:10px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:6px 12px;position:absolute;right:10px;transition:background-color .3s ease}.remove-preview-btn:hover{background-color:#ff7875;transform:translateY(-1px)}.upload-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.submit-btn{background:#28a745;color:#fff}.submit-btn:hover:not(:disabled){background:#218838}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.history-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.history-section h3{color:#333;font-size:20px;margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{align-items:center;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:box-shadow .3s ease}.history-item:hover{box-shadow:0 2px 8px #0000001a}.history-info{align-items:center;display:flex;gap:15px}.history-info .amount{color:#007bff;font-size:16px;font-weight:600}.history-info .method{background:#f8f9fa;border-radius:4px;color:#666;font-size:14px;padding:4px 8px}.history-info .date{color:#999;font-size:14px}.status{border-radius:20px;font-size:14px;font-weight:500;padding:6px 12px}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.no-history{color:#999;font-style:italic;padding:40px 0;text-align:center}@media (max-width:768px){.recharge-container{padding:10px}.history-section,.recharge-form,.upload-section{padding:20px}.amount-buttons{grid-template-columns:repeat(2,1fr)}.payment-methods{grid-template-columns:1fr}.history-info{align-items:flex-start;flex-direction:column;gap:5px}.history-item{align-items:stretch}.history-item,.upload-actions{flex-direction:column}}.records-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.records-header{align-items:center;display:flex;gap:20px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1000px}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;border-radius:10px;box-shadow:0 4px 15px #667eea33;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8;box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.records-header h2{color:#333;font-size:28px;font-weight:700;margin:0}.records-content{margin:0 auto;max-width:1000px}.balance-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-bottom:30px}.balance-card{background:linear-gradient(135deg,#28a745,#20c997);border-radius:16px;box-shadow:0 8px 32px #28a7454d;color:#fff;overflow:hidden;padding:30px;position:relative}.balance-card:before{animation:gradientFlow 3s ease infinite;background:linear-gradient(90deg,#28a745,#20c997,#28a745);content:"";height:5px;left:0;position:absolute;right:0;top:0}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.balance-card:before{background-size:200% 100%}.balance-info{color:#333;position:relative;text-align:center;z-index:1}.balance-label{color:#333;font-size:16px;font-weight:500;margin-bottom:10px;opacity:.9}.balance-amount{align-items:center;display:flex;gap:5px;justify-content:center;margin:0}.balance-amount .currency{color:#333;font-size:24px;font-weight:600;opacity:.9}.balance-amount .amount{color:#333;font-size:42px;font-weight:700;text-shadow:0 2px 4px #0000001a}.stats-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:15px;padding:25px}.stat-card.recharge{border-left:4px solid #28a745}.stat-card.consume{border-left:4px solid #dc3545}.stat-icon{font-size:32px;text-align:center;width:50px}.stat-info{flex:1 1}.stat-label{color:#6c757d;font-size:14px;margin-bottom:5px}.stat-value{color:#333;font-size:24px;font-weight:700}.filters{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;gap:30px;margin-bottom:20px;padding:25px}.filter-group,.filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label{color:#495057;font-weight:600;min-width:80px}.filter-group select{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.records-list{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:20px;overflow:hidden}.loading{color:#6c757d;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.record-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:20px;padding:25px;transition:all .3s ease}.record-item:last-child{border-bottom:none}.record-item:hover{background:#f8f9fa}.record-item.recharge{border-left:4px solid #28a745}.record-item.consume{border-left:4px solid #dc3545}.record-item.deleted{background-color:#f8f9fa;border-left:4px solid #6c757d;opacity:.7}.record-item.deleted:hover{background-color:#e9ecef}.record-icon{font-size:32px;text-align:center;width:50px}.record-content{flex:1 1}.record-main{margin-bottom:8px}.record-title{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.record-related{margin-bottom:2px}.record-payment,.record-related{color:#6c757d;font-size:14px}.record-deleted-info{color:#dc3545;font-size:12px;font-weight:500}.record-meta{align-items:center;color:#6c757d;display:flex;font-size:12px;justify-content:space-between}.record-time{font-weight:500}.record-status{font-weight:600}.record-amount{min-width:120px;text-align:right}.amount{display:block;font-size:20px;font-weight:700;margin-bottom:4px}.amount.recharge{color:#28a745}.amount.consume{color:#dc3545}.amount.deleted{color:#6c757d;text-decoration:line-through}.record-type{color:#6c757d;font-size:12px;font-weight:500}.record-type-info{align-items:flex-end;display:flex;flex-direction:column}.consume-type{background-color:#fff3cd;border-radius:4px;color:#8a6d3b;display:block;font-size:11px;margin-top:2px;padding:2px 6px}.no-records{color:#6c757d;padding:60px 20px;text-align:center}.no-records-icon{font-size:64px;margin-bottom:20px}.no-records h3{color:#495057;font-size:24px;margin:0 0 10px}.no-records p{font-size:16px;margin:0 0 30px}.btn-recharge{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-recharge:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.usage-tips{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:25px}.usage-tips h4{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.tips-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tip-item{align-items:center;background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;display:flex;gap:10px;padding:15px}.tip-icon{font-size:20px;text-align:center;width:30px}.tip-text{color:#495057;font-size:14px;font-weight:500}@media (max-width:768px){.records-container{padding:15px}.records-header{align-items:flex-start;flex-direction:column;gap:15px}.balance-stats{gap:15px}.balance-stats,.stats-cards{grid-template-columns:1fr}.balance-amount .amount{font-size:28px}.filters{align-items:flex-start;flex-direction:column;gap:15px}.filter-group{justify-content:space-between;width:100%}.filter-group select{flex:1 1;max-width:150px}.record-item{align-items:flex-start;flex-direction:column;gap:15px}.record-content{width:100%}.record-amount{align-items:center;display:flex;justify-content:space-between;text-align:left;width:100%}.tips-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}ol,ul{padding-left:1.5rem}li{margin-bottom:.5rem}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #dee2e6;padding:.75rem;text-align:left}th{background-color:#e9ecef;font-weight:600}input,select,textarea{border:1px solid #ced4da;border-radius:.25rem;font-family:inherit;font-size:1rem;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input:focus,select:focus,textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}button{cursor:pointer;font-family:inherit;font-size:1rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}@media (max-width:768px){.container{padding:0 .5rem}.info-list{grid-template-columns:1fr}.verification-group{align-items:stretch;flex-direction:column}.verification-group .btn{margin-top:10px}}@media (max-width:480px){.filters{flex-direction:column}.auth-buttons .btn{display:block;margin:10px auto}}
/*# sourceMappingURL=main.b96d1704.css.map*/