*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f7f7fb;color:#111827}
a{color:#0f62fe;text-decoration:none}a:hover{text-decoration:underline}
header{display:flex;justify-content:space-between;align-items:center;background:#ffffff;padding:12px 16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}
nav a{margin-right:14px;padding:8px 10px;border-radius:10px;background:#f1f5f9;border:1px solid #e5e7eb;color:#0f172a}
nav a.active{background:#e8f0fe;border-color:#cfe0ff}
.container{max-width:1200px;margin:24px auto;padding:0 16px}
.container.small{max-width:420px;margin-top:8vh;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
h1{margin:6px 0 16px;color:#0f172a}
.filters,.create{background:#ffffff;padding:14px;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
label{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;color:#111827}
input,select,textarea,button{background:#ffffff;border:1px solid #d1d5db;color:#111827;border-radius:10px;padding:10px}
input:focus,select:focus,textarea:focus{outline:none;border-color:#0f62fe;box-shadow:0 0 0 3px rgba(15,98,254,.15)}
textarea{min-height:70px}
button{cursor:pointer;background:#0f62fe;color:#fff;border-color:#0f62fe}
button:hover{filter:brightness(.98)}
table{width:100%;border-collapse:collapse;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
thead th{background:#f8fafc;text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;color:#334155}
tbody td{padding:10px;border-bottom:1px solid #f1f5f9;vertical-align:top}
.badge{padding:4px 8px;border-radius:999px;border:1px solid #d1d5db;background:#f8fafc;color:#0f172a}
.badge.yeni{background:#eef2ff;border-color:#c7d2fe}
.badge.tesdiq{background:#e6ffed;border-color:#b1f0c4}
.badge.texnikdedir{background:#fff7e6;border-color:#ffe4b5}
.badge.gecikme{background:#ffe6e6;border-color:#ffb3b3}
.badge.hellolundu{background:#e6fffb;border-color:#b3fff0}
.opbtn{padding:6px 10px}
.opmenu{display:none;position:absolute;background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;padding:8px;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.opmenu form{margin:0}
dialog{border:none;border-radius:12px;background:#ffffff;color:#0f172a;max-width:520px;width:90%;border:1px solid #e5e7eb}
dialog::backdrop{background:rgba(0,0,0,.3)}
.box{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.card .num{font-size:28px;margin-top:8px;color:#111827}
.right a{background:#f1f5f9;padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;color:#0f172a}
.info{background:#e7f6ec;border:1px solid #b7e4c7;padding:8px;border-radius:10px;margin:10px 0}
.error{background:#ffe6e6;border:1px solid #ffb3b3;padding:8px;border-radius:10px;margin:10px 0;color:#7f1d1d}
.inline{display:inline-flex;gap:8px;align-items:center}
code{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;padding:2px 6px}

.opmenu.show{display:block;}

.badge.qosuldu{background:#e6ffed;border-color:#b1f0c4}
.badge.texnikdedi{background:#fff7e6;border-color:#ffe4b5}