body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f7f8fa;color:#111} .container{max-width:1100px;margin:0 auto;padding:0 16px} .topbar{background:#1e73be;color:#fff} .header{background:#fff;border-bottom:1px solid #e5e7eb} .nav a{margin-right:10px} .card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:12px 0} .match-card{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff;margin-bottom:12px} .row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap} .big{font-weight:700} .muted{color:#666} .image-canvas{position:relative;border:1px dashed #e5e7eb;min-height:160px;background:#fff;border-radius:12px;padding:8px} .image-canvas .draggable{position:absolute;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;resize:both} .image-canvas .draggable img{width:100%;height:100%;object-fit:cover} .input{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;width:100%} .button{background:#1e73be;color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer} .table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden} .table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}