*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#111827;color:#e5e7eb;line-height:1.6;-webkit-font-smoothing:antialiased;padding:1rem}.container{max-width:960px;margin:0 auto;padding:1rem}h1,h2,h3{margin-bottom:.75rem;font-weight:600;color:#f3f4f6}a{color:#60a5fa;text-decoration:none;transition:color .2s ease}a:hover{color:#93c5fd;text-decoration:underline}button{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:.5rem;padding:.6rem 1.2rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:transform .15s ease,opacity .2s ease}button:hover{transform:translateY(-1px);opacity:.9}ul{list-style:none;margin-top:1rem}li{background:#1f2937;border:1px solid #374151;border-radius:.75rem;padding:1rem;margin-bottom:.75rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;box-shadow:0 2px 4px #00000080}li:hover{border-color:#4b5563;background:#272f3f}@media (max-width: 600px){body{padding:.5rem}li{flex-direction:column;align-items:flex-start}button{width:100%}}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem;border:1px solid #374151;border-radius:.5rem;overflow:hidden}thead{background:#1f2937}thead th{text-align:left;padding:.75rem 1rem;color:#f3f4f6;font-weight:600;border-bottom:2px solid #374151}td{padding:.75rem 1rem;border-bottom:1px solid #374151;color:#e5e7eb}tbody tr:nth-child(odd){background:#111827}tbody tr:nth-child(2n){background:#1a2234}tbody tr:hover{background:#272f3f}td,th{vertical-align:middle}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:#1f2937;color:#e5e7eb;border:1px solid #374151;border-radius:12px;padding:.9rem .95rem;line-height:1.3;min-height:44px;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s;font-size:16px}::placeholder{color:#9ca3af}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa59}.is-error{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444440!important}.is-success{border-color:#22c55e!important;box-shadow:0 0 0 2px #22c55e40!important}input[type=date],input[type=time],input[type=datetime-local],select{background-position:right .8rem center;background-repeat:no-repeat;padding-right:2.2rem}button{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:0;border-radius:10px;padding:.85rem 1.2rem;font-weight:6}