*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif;}
body{
min-height:100vh;
background:linear-gradient(-45deg,#0f2027,#203a43,#2c5364,#1c1c3c);
background-size:400% 400%;
animation:gradientBG 15s ease infinite;
color:#fff;
}
@keyframes gradientBG{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.container{width:90%;max-width:1000px;margin:40px auto;}
.glass{
background:rgba(255,255,255,.08);
backdrop-filter:blur(15px);
border-radius:15px;
padding:25px;
box-shadow:0 8px 32px rgba(0,0,0,.37);
border:1px solid rgba(255,255,255,.18);
margin-bottom:20px;
}
input,textarea,select{
width:100%;padding:12px;border-radius:8px;border:none;margin-bottom:12px;
background:rgba(255,255,255,.1);color:#fff;
}
button{
background:linear-gradient(45deg,#6a11cb,#2575fc);
border:none;padding:10px 18px;border-radius:25px;color:#fff;cursor:pointer;
}
table{width:100%;border-collapse:collapse;margin-top:15px;}
th,td{padding:10px;border-bottom:1px solid rgba(255,255,255,.2);text-align:left;}
.badge-open{color:#00ff88;}
.badge-pending{color:#ffaa00;}
.badge-closed{color:#ff4b5c;}
nav{display:flex;justify-content:space-between;margin-bottom:20px;}
a{color:#fff;text-decoration:none;margin-right:15px;}