*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--dark-blue:#0f2a47;--dark-blue-medium:#1a3b5c;--dark-blue-light:#2a4d6f;--yellow:gold;--yellow-bright:#ffed4e;--yellow-dark:#e6b800;--yellow-soft:#fff9e6;--white:#fff;--gray-50:#fafbfc;--gray-100:#f5f7fa;--gray-200:#e5e8ed;--gray-300:#d1d6de;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border:rgba(226,232,240,.8);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--sidebar-width:280px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);color:var(--gray-800);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.match-actions{margin-top:16px;display:flex;justify-content:flex-end}.match-chip{background:var(--yellow-soft);color:var(--gray-700);font-size:.7rem;padding:2px 8px;border:1px solid rgba(230,184,0,.4)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:flex-start;justify-content:center;padding:32px 24px;z-index:1000}.modal-panel{width:min(960px,100%);max-height:calc(100vh - 64px);overflow:auto;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xl)}.modal-header{padding:20px 24px 0}.modal-title{font-size:1.25rem;color:var(--gray-800)}.modal-subtitle{margin-top:4px}.modal-close{background:var(--gray-100);color:var(--gray-700);width:36px;height:36px;border-radius:50%;font-weight:700}.match-composer{margin-top:16px;padding:16px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f7f9fc);box-shadow:var(--shadow-sm);animation:slideIn .2s ease}.match-bridge{display:grid;grid-template-columns:minmax(0,1fr) auto 140px;grid-gap:16px;gap:16px;align-items:center}.match-request-card{background:var(--gray-50);border:1px solid var(--border);border-radius:12px;padding:12px}.match-request-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);font-weight:700;margin-bottom:6px}.match-request-name{font-size:1rem;font-weight:700;color:var(--gray-800);margin-bottom:4px}.match-request-meta{font-size:.85rem;color:var(--gray-600)}.match-request-message{margin-top:8px;font-size:.8rem;color:var(--gray-600);line-height:1.4}.match-arrow{font-size:2rem;font-weight:700;color:var(--dark-blue);text-shadow:0 8px 20px rgba(15,42,71,.15)}.match-target{display:flex;flex-direction:column;align-items:center;gap:6px}.match-target-badge{width:64px;height:64px;border-radius:50%;border:2px dashed var(--dark-blue-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--dark-blue);background:var(--yellow-soft);box-shadow:var(--shadow-sm)}.match-target-label{font-size:.75rem;color:var(--gray-500);text-align:center}.match-tabs{display:flex;gap:12px;margin-top:16px}.match-tab{flex:1 1;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--gray-600);font-weight:600;cursor:pointer;transition:all .2s ease}.match-tab.active{background:var(--dark-blue);color:#fff;border-color:var(--dark-blue);box-shadow:var(--shadow)}.match-form{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.match-results-area{margin-top:16px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff}.match-results-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.match-results-title{font-weight:700;color:var(--gray-800)}.match-results-subtitle{font-size:.85rem;color:var(--gray-500)}.match-results-grid{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.match-machine-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--gray-50)}.match-machine-title{font-weight:700;color:var(--gray-800);margin-bottom:4px}.match-machine-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.75rem;color:var(--gray-500)}.match-status{margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--yellow-soft);color:var(--gray-700);font-size:.8rem}.match-empty{margin-top:12px;padding:16px;border-radius:12px;border:1px dashed var(--border);background:var(--gray-50);text-align:center;color:var(--gray-500);font-size:.85rem}@media (max-width:900px){.match-bridge{grid-template-columns:1fr;text-align:center}.match-arrow{transform:rotate(90deg)}}.app-shell{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e5e9f2)}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--dark-blue) 0,var(--dark-blue-medium) 50%,var(--dark-blue-light) 100%);color:#fff;padding:32px 24px;display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(15,42,71,.12);position:relative;z-index:10}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,215,0,.03),transparent 50%);pointer-events:none}.sidebar-logo{font-size:1.75rem;font-weight:800;margin-bottom:6px;letter-spacing:-.02em;position:relative;z-index:1}.sidebar-logo span{color:var(--yellow);text-shadow:0 0 20px rgba(255,215,0,.3)}.sidebar-subtitle{font-size:.875rem;opacity:.75;margin-bottom:40px;font-weight:400;letter-spacing:.02em}.sidebar-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:hsla(0,0%,100%,.5);margin-bottom:12px;font-weight:700}.nav-list{list-style:none;display:flex;flex-direction:column;gap:8px}.nav-item-button{width:100%;text-align:left;padding:12px 16px;border-radius:12px;border:none;background:transparent;color:hsla(0,0%,100%,.85);display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-item-button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow);transform:translateX(-4px);transition:transform .2s ease;border-radius:0 4px 4px 0}.nav-item-button span.icon{font-size:1.25rem;transition:transform .2s ease}.nav-item-button.active{background:rgba(255,215,0,.12);color:#fff;box-shadow:inset 0 0 20px rgba(255,215,0,.1)}.nav-item-button.active:before{transform:translateX(0)}.nav-item-button.active span.icon{transform:scale(1.1)}.nav-item-button:not(:disabled):hover{background:hsla(0,0%,100%,.08);transform:translateX(4px);color:#fff}.nav-item-button:disabled{opacity:.4;cursor:not-allowed}.sidebar-footer{margin-top:auto;font-size:.75rem;color:hsla(0,0%,100%,.5);padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1);line-height:1.6}.sidebar-footer strong{color:var(--yellow);font-weight:700}.main{flex:1 1;padding:32px 40px;display:flex;flex-direction:column;overflow:hidden}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;animation:slideIn .4s ease-out}.main-title{font-size:2rem;font-weight:700;color:var(--gray-900);letter-spacing:-.03em;margin-bottom:4px}.main-subtitle{font-size:.95rem;color:var(--gray-500);font-weight:400}.badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.85rem;gap:8px;box-shadow:var(--shadow-sm);font-weight:500}.badge-dot{width:8px;height:8px;border-radius:999px;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.4);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.badge-label{color:var(--gray-700)}.content-scroll{flex:1 1;overflow:auto;padding-bottom:32px;padding-right:4px}.content-scroll::-webkit-scrollbar{width:8px}.content-scroll::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:999px}.content-scroll::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.search-card{background:#fff;padding:28px 32px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-md);margin-bottom:24px;animation:slideIn .4s ease-out .1s both;position:relative;overflow:hidden}.search-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--dark-blue) 0,var(--yellow) 100%)}.search-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search-card-title{font-weight:700;font-size:1.25rem;color:var(--gray-900);letter-spacing:-.02em}.search-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px 24px;gap:20px 24px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:.85rem;font-weight:600;color:var(--gray-700);letter-spacing:.01em}.input,.select{border-radius:12px;border:2px solid var(--border);padding:12px 16px;font-size:.95rem;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--gray-50);color:var(--gray-900);font-weight:500}.input::placeholder{color:var(--gray-400);font-weight:400}.input:focus,.select:focus{border-color:var(--yellow);box-shadow:0 0 0 4px rgba(255,215,0,.15),var(--shadow);background:#fff;transform:translateY(-1px)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230f2a47' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px;cursor:pointer}.search-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.btn{border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--yellow) 0,var(--yellow-bright) 100%);color:var(--dark-blue);box-shadow:0 4px 12px rgba(255,215,0,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--yellow-bright) 0,var(--yellow) 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,215,0,.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border:2px solid var(--border);color:var(--gray-700);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:linear-gradient(135deg,#fecaca,#fee2e2);transform:translateY(-1px)}.status-bar{margin-bottom:24px;display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;align-items:center;background:#fff;padding:16px 24px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:slideIn .4s ease-out .2s both}.status-text{font-size:.9rem;color:var(--gray-600);font-weight:500;line-height:1.5}.status-highlight{color:var(--dark-blue);font-weight:700;font-size:1.05rem}.status-tag{padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px rgba(16,185,129,.15);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:24px;gap:24px;animation:slideIn .4s ease-out .3s both}.card{background:#fff;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,42,71,.02),rgba(255,215,0,.02));opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:rgba(255,215,0,.5)}.card:hover:before{opacity:1}.card-image{width:100%;height:240px;object-fit:cover;background:var(--gray-200)}.card-image-placeholder{display:flex;align-items:center;justify-content:center;height:240px;background:linear-gradient(135deg,var(--dark-blue) 0,var(--dark-blue-light) 100%);color:var(--yellow);font-size:3rem;position:relative;overflow:hidden}.card-image-placeholder:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);animation:shimmer 2s infinite}.card-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1 1}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}.card-title{font-weight:700;font-size:1.1rem;color:var(--gray-900);line-height:1.3;letter-spacing:-.01em}.card-price{font-weight:800;white-space:nowrap;font-size:1.15rem;background:linear-gradient(135deg,var(--yellow-soft) 0,rgba(255,215,0,.1) 100%);padding:4px 12px;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.card-price,.chip{color:var(--dark-blue)}.chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:.75rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);font-weight:600;width:-moz-fit-content;width:fit-content;letter-spacing:.02em;text-transform:uppercase;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.chip-secondary{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}.chip-tertiary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;padding:12px;background:var(--gray-50);border-radius:12px;border:1px solid var(--border)}.meta-label{color:var(--gray-500);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.meta-value{font-weight:600;color:var(--gray-800);font-size:.9rem}.description{font-size:.85rem;color:var(--gray-600);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dealer-block{border-top:2px dashed var(--border);padding-top:12px;margin-top:8px;font-size:.85rem;line-height:1.6}.dealer-name{font-weight:700;margin-bottom:4px;font-size:.95rem}.dealer-name,.link{color:var(--dark-blue)}.link{text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.link:hover{color:var(--yellow-dark);transform:translateX(2px)}.alert{padding:16px 20px;border-radius:16px;border:2px solid #fecaca;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;font-size:.9rem;margin-bottom:20px;font-weight:500;box-shadow:var(--shadow-sm);animation:slideIn .3s ease-out}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:#fff;border-radius:20px;padding:22px 24px 18px;width:100%;max-width:560px;box-shadow:var(--shadow-xl);border:1px solid var(--border);animation:slideIn .24s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title{font-size:1.1rem;font-weight:700;color:var(--gray-900)}.modal-subtitle{font-size:.85rem;color:var(--gray-500)}.modal-close{border:none;background:transparent;color:var(--gray-400);cursor:pointer;font-size:1.1rem;padding:4px;border-radius:999px;transition:background .15s ease,color .15s ease,transform .1s ease}.modal-close:hover{background:var(--gray-100);color:var(--gray-600);transform:translateY(-1px)}.modal-body{padding-top:4px;padding-bottom:4px}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px 18px;gap:14px 18px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;margin-top:4px;border-top:1px solid var(--border)}@media (max-width:600px){.modal{margin:0 12px;padding:18px 18px 14px}.modal-grid{grid-template-columns:1fr}}@media (max-width:1024px){.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.app-shell{flex-direction:column}.sidebar{width:100%;padding:20px}.sidebar-logo{font-size:1.5rem}.sidebar-footer,.sidebar-section-title,.sidebar-subtitle{display:none}.nav-list{flex-direction:row;gap:8px}.nav-item-button{padding:10px 16px;font-size:.85rem}.main{padding:20px 16px}.main-title{font-size:1.5rem}.search-card{padding:20px}.grid,.search-form-grid,.status-bar{grid-template-columns:1fr}}