/* Futuristic theme */
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#05070b,#0f1530);color:#e6f7ff}
header{display:flex;align-items:center;justify-content:space-between;padding:1.2em 2em 0.5em 2em;background:transparent}
header .logo{color:#21c8f6;font-weight:700;font-size:1.6em;letter-spacing:1px}
nav{position:absolute;top:1.5em;right:2em;display:flex;gap:1.2em;background:rgba(10,20,40,0.85);padding:0.7em 1.5em;border-radius:8px;z-index:100}
nav a{color:#e6f7ff;text-decoration:none;font-weight:500;transition:color 0.2s}
nav a:hover{color:#21c8f6}
main{padding:24px}
.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));padding:18px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.6);border:1px solid rgba(0,224,255,0.06)}
.data-table{width:100%;border-collapse:collapse;margin-top:12px;background:transparent;color:#dff6ff}
.data-table th{background:rgba(0,224,255,0.06);padding:10px;text-align:left;color:#aef0ff}
.data-table td{padding:10px;border-top:1px solid rgba(255,255,255,0.02)}
.login-bg{display:flex;align-items:center;justify-content:center;height:100vh}
.login-container{width:360px;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));padding:20px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,0.6);border:1px solid rgba(0,224,255,0.06)}
.login-container h1{text-align:center;color:#00e0ff;margin:0 0 12px}
.login-container h2{text-align:center;color:#00e0ff;margin:0 0 12px}
.login-container label{display:block;margin:8px 0;color:#dff6ff}
.login-container input{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.25);color:#e7fbff}
.login-container button{width:100%;padding:10px;border-radius:6px;border:none;background:#00e0ff;color:#001;cursor:pointer;margin-top:10px;font-weight:700}
.alert{background:#ffdddd;color:#900;padding:8px;border-radius:6px;margin-bottom:10px}
.error{background:#ffdddd;color:#900;padding:8px;border-radius:6px;margin-bottom:10px}
.supplier-form label{display:block;margin-top:1em;position:relative}.holder-hover{position:relative;cursor:pointer;text-decoration:underline dotted}.holder-dropdown{display:none;position:absolute;left:0;top:1.5em;background:#fff;color:#222;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.12);min-width:160px;z-index:10;padding:0.5em 1em}.holder-hover:hover .holder-dropdown{display:block}.holder-dropdown div{padding:0.2em 0;white-space:nowrap}
.user-info-top {position:fixed;left:50%;top:0.7em;transform:translateX(-50%);background:rgba(10,20,40,0.85);padding:0.5em 1.2em;border-radius:8px;z-index:2000;text-align:center;min-width:180px;color:#e6f7ff}
.user-info-top .user-icon:hover {text-decoration:underline}