*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--primary: #1e40af;--primary-light: #dbeafe;--text: #1e293b;--muted: #64748b;--radius: 10px;--tg-bg: #f0fdf4;--tg-border: #bbf7d0;--tg-text: #15803d;--ap-bg: #eff6ff;--ap-border: #bfdbfe;--ap-text: #1d4ed8;--ka-bg: #fdf4ff;--ka-border: #e9d5ff;--ka-text: #7e22ce}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;padding-top:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;padding:0 16px;margin:0 auto}@media (min-width: 640px){.container{padding:0 24px}}@media (min-width: 1280px){.container{max-width:1280px}}.tender-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.tender-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width: 1024px){.tender-grid{grid-template-columns:repeat(3,1fr)}}.stat-scroll{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;margin-bottom:16px}.stat-scroll::-webkit-scrollbar{display:none}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}@media (min-width: 640px){.filter-bar{flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 18px}}.filter-bar input[type=search]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:var(--bg);color:var(--text);outline:none;-webkit-appearance:none;min-height:44px}.filter-bar input[type=search]:focus{border-color:var(--primary);background:#fff}@media (min-width: 640px){.filter-bar input[type=search]{flex:1 1 200px;font-size:13px;min-height:unset}}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-bar select{flex:1;min-width:0;padding:10px 28px 10px 8px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--bg);color:var(--text);outline:none;min-height:44px;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}@media (min-width: 640px){.filter-bar select{flex:0 1 auto;min-height:unset}}.btn-refresh{width:100%;padding:12px;border-radius:8px;font-weight:700;font-size:14px;border:none;cursor:pointer;min-height:44px;transition:opacity .15s}@media (min-width: 640px){.btn-refresh{width:auto;margin-left:auto;padding:8px 16px;font-size:13px}}.btn-refresh:active{opacity:.8}.nav-tabs{display:flex;margin-top:10px;border-bottom:none;gap:2px}.nav-tab{flex:1;padding:10px 8px;text-align:center;font-size:13px;font-weight:600;border:none;border-radius:6px 6px 0 0;cursor:pointer;transition:all .15s;white-space:nowrap}@media (min-width: 480px){.nav-tabs{gap:4px}.nav-tab{flex:0 1 auto;padding:9px 20px}}.tender-card{border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px #0000000d;transition:box-shadow .15s,transform .15s}.tender-card:active{transform:scale(.99)}@media (hover: hover){.tender-card:hover{box-shadow:0 4px 12px #0000001a}}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:4px}@media (min-width: 360px){.card-meta{grid-template-columns:repeat(3,1fr)}}.state-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:9px 14px;border-radius:8px;margin-top:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 0 32px;flex-wrap:wrap}.pagination button{padding:10px 18px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:14px;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{font-size:13px;color:var(--muted)}.empty-state{text-align:center;padding:48px 24px;color:var(--muted)}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.empty-state p{font-size:13px}.chip{display:inline-block;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;border-width:1px;border-style:solid}