*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.1) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(102,126,234,.05) 0,transparent 50%);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:24px}.card,.container{position:relative;z-index:1}.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);margin-bottom:24px;border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1)}.btn{padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:100px}.table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.table td,.table th{padding:16px;text-align:left;border-bottom:1px solid #e8e8e8}.table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-weight:600;color:#333;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background:linear-gradient(90deg,rgba(102,126,234,.05),transparent);transform:scale(1.01);box-shadow:0 2px 8px rgba(0,0,0,.05)}.table tbody tr:last-child td{border-bottom:none}.alert{padding:16px;border-radius:8px;margin-bottom:20px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.header{background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 24px;box-shadow:0 4px 12px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);margin-bottom:32px;border-bottom:1px solid rgba(102,126,234,.1);position:relative;z-index:10}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;color:#667eea;letter-spacing:-.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;gap:20px}.user-info span{color:#333;font-weight:500}