/* Düğün Hediye Takip Pro — Frontend CSS */
.dp-fe{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1d2327;margin-bottom:2rem}
.dp-fe-h2{font-size:22px;font-weight:700;margin:0 0 20px;color:#1d2327}

/* Ticker */
.dp-fe-ticker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#1d2327;border-radius:8px;padding:10px 16px;margin-bottom:20px;font-size:13px}
.dp-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:dp-pulse 1.8s ease infinite;display:inline-block}
@keyframes dp-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.dp-fe-live{font-size:11px;font-weight:600;color:#72aee6;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:5px;white-space:nowrap}
.dp-fe-ti{display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap}
.dp-fe-tl{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}
.dp-fe-tv{font-size:14px;font-weight:600;color:#f0f0f1}
.dp-fe-gold .dp-fe-tv{color:#fbbf24}
.dp-fe-sep{color:#374151;font-size:16px}
.dp-fe-ts{margin-left:auto;font-size:11px;color:#6b7280;white-space:nowrap}

/* Stat cards */
.dp-fe-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:18px}
.dp-fe-sc{background:#f6f7f7;border-radius:8px;padding:14px;text-align:center;border-top:3px solid #c3c4c7}
.dp-fe-sc-green{border-top-color:#00a32a}.dp-fe-sc-amber{border-top-color:#dba617}.dp-fe-sc-red{border-top-color:#d63638}.dp-fe-sc-purple{border-top-color:#7F77DD}
.dp-fe-sc-icon{font-size:20px;margin-bottom:6px}
.dp-fe-sc-val{font-size:26px;font-weight:700;color:#1d2327;line-height:1}
.dp-fe-sc-lbl{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-top:4px}

/* Progress */
.dp-fe-prog{margin-bottom:20px}
.dp-fe-prog-hdr{display:flex;justify-content:space-between;font-size:13px;color:#6b7280;margin-bottom:6px}
.dp-fe-prog-hdr strong{color:#1d2327}
.dp-fe-prog-bar{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden;margin-bottom:6px}
.dp-fe-prog-bar div{height:100%;background:linear-gradient(90deg,#534AB7,#7F77DD);border-radius:999px;transition:width .6s;min-width:4px}
.dp-fe-prog small{font-size:12px;color:#6b7280}

/* Search row */
.dp-fe-search-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.dp-fe-search-row input{flex:1;min-width:160px;padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}
.dp-fe-search-row select{padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}

/* Table */
.dp-fe-tbl-wrap{overflow-x:auto}
.dp-fe-tbl{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
.dp-fe-tbl th{background:#f6f7f7;padding:9px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:2px solid #e5e7eb}
.dp-fe-tbl td{padding:9px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:#1d2327}
.dp-fe-tbl tr:last-child td{border-bottom:none}
.dp-fe-tbl tr:hover td{background:#f9fafb}

/* Price grid */
.dp-fe-price-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:10px}
.dp-fe-pc{background:#f6f7f7;border-radius:8px;padding:14px;text-align:center}
.dp-fe-gold-card{border:1px solid #fbbf24}
.dp-fe-pc-lbl{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.dp-fe-pc-val{font-size:22px;font-weight:700;color:#1d2327}

/* Form */
.dp-fe-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dp-fe-field{display:flex;flex-direction:column;gap:5px}
.dp-fe-field.dp-fe-full{grid-column:1/-1}
.dp-fe-field label{font-size:13px;font-weight:600;color:#374151}
.dp-fe-field input,.dp-fe-field textarea,.dp-fe-field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s}
.dp-fe-field input:focus,.dp-fe-field textarea:focus{border-color:#7F77DD}
.dp-fe-field textarea{resize:vertical}
.dp-fe-submit{background:#7F77DD;color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
.dp-fe-submit:hover{background:#534AB7}

@media(max-width:480px){
    .dp-fe-form-grid,.dp-fe-stats,.dp-fe-price-grid{grid-template-columns:1fr}
    .dp-fe-field.dp-fe-full{grid-column:1}
}