:root{--color-bg:#fff;--color-bg-secondary:#fbfbfb;--color-text:#000;--color-text-secondary:#404040;--color-text-tertiary:gray;--color-primary:#111827;--color-primary-hover:#1f2937;--color-accent:#1d4ed8;--color-accent-hover:#1e40af;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-error:#ef4444;--color-success:#10b981;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--container-max:1200px;--header-height:64px;--transition:all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}button,input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.section{padding:1.25rem 0}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-outline{border-color:var(--color-border);color:var(--color-text-secondary);background-color:#0000}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.form-group{width:100%;margin-bottom:1.5rem}.label,.form-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.625rem;font-size:.8125rem;font-weight:600;display:block}.input,.form-input{border-radius:var(--radius-md);color:#000;appearance:none;background-color:#fff;border:1px solid #d1d5db;width:100%;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.input:focus,.form-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #0052ff1a}.input::placeholder,.form-input::placeholder{color:#9ca3af}textarea.input,textarea.form-input{resize:vertical;min-height:100px}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background-color:#000}.btn-primary:hover{background-color:#1a1a1a;transform:translateY(-1px)}.btn-outline{color:#374151;background-color:#fff;border-color:#e5e7eb}.btn-outline:hover{background-color:#f9fafb;border-color:#d1d5db}.badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.table-container{border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;width:100%;box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #efefef;margin-top:1rem;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;min-width:700px;font-size:.875rem}.table th{text-transform:uppercase;letter-spacing:.1em;color:#666;background-color:#fbfbfb;border-bottom:1px solid #efefef;padding:1rem 1.5rem;font-size:.7rem;font-weight:700}.table td{color:#000;vertical-align:middle;border-bottom:1px solid #f9f9f9;padding:1.25rem 1.5rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#fafafa}.badge{text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-success{color:#00897b;background-color:#e6fffa;border:1px solid #b2dfdb}.badge-warning{color:#f57f17;background-color:#fff9c4;border:1px solid #fff59d}.badge-error{color:#c62828;background-color:#ffebee;border:1px solid #ffcdd2}.badge-info{color:#1565c0;background-color:#e3f2fd;border:1px solid #bbdefb}@keyframes spin{to{transform:rotate(360deg)}}