:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;background:#0a0a0a;color:#fff;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}h2,h3,h4,h5,h6{color:#fff}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}#root{max-width:100%;margin:0;padding:0;min-height:100vh}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;position:relative}.login-container{background:#141414e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 40px #0000004d;position:relative;z-index:10}.logo{text-align:center;margin-bottom:40px}.logo-icon{width:80px;height:80px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.logo-svg{width:60px;height:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.logo-text{font-size:28px;font-weight:600;letter-spacing:6px;color:#fff;margin-top:15px;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.logo:hover .logo-text{text-shadow:0 4px 8px rgba(0,0,0,.4);transform:translateY(-1px)}.form-group{margin-bottom:25px}.form-label{display:block;margin-bottom:8px;color:#a0a0a0;font-size:14px;font-weight:500}.form-input{width:100%;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#20b2aa;background:#ffffff14;box-shadow:0 0 0 3px #20b2aa1a}.form-input::placeholder{color:#666}.form-row{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox{width:18px;height:18px;accent-color:#20b2aa}.checkbox-label{color:#a0a0a0;font-size:14px}.signin-btn{width:100%;padding:15px;background:linear-gradient(135deg,#20b2aa,#4169e1,#8a2be2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;margin-bottom:30px}.signin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #20b2aa4d}.signin-btn:active:not(:disabled){transform:translateY(0)}.signin-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ff6b6b;text-align:center;margin-bottom:20px;font-size:14px;padding:10px;background:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3)}.background-blur{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(32,178,170,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(65,105,225,.1) 0%,transparent 50%),radial-gradient(circle at 90% 40%,rgba(138,43,226,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite;z-index:1}@keyframes float{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.password-toggle{position:relative}.password-toggle .form-input{padding-right:50px}.toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:18px;transition:color .3s ease}.toggle-btn:hover{color:#20b2aa}@media (max-width: 480px){.login-container{margin:20px;padding:30px 25px}}.dashboard-container{display:flex;min-height:100vh;background:#0a0a0a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar{width:280px;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);padding:30px 0;position:fixed;height:100vh;z-index:100;display:flex;flex-direction:column}.logo{text-align:center;margin-bottom:40px;padding:0 30px}.logo-icon{width:120px;height:50px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.logo-svg{width:100px;height:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-path{transition:all .3s ease}.logo-accent{opacity:.8;transition:all .3s ease}.logo-icon:hover .logo-path{transform:scale(1.05);filter:brightness(1.1)}.logo-icon:hover .logo-accent{opacity:1;stroke-width:4}.logo-text-svg{font-size:16px;font-weight:600;letter-spacing:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nav-menu{list-style:none;padding:0 20px;flex:1}.nav-item{margin-bottom:8px}.nav-link{display:flex;align-items:center;padding:15px 20px;color:#a0a0a0;text-decoration:none;border-radius:12px;transition:all .3s ease;font-weight:500}.nav-link:hover{background:#ffffff0d;color:#fff;transform:translate(5px)}.nav-link.active{background:linear-gradient(135deg,#20b2aa,#4169e1);color:#fff;box-shadow:0 4px 12px #20b2aa4d}.nav-icon{margin-right:12px;font-size:18px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{width:100%;display:flex;align-items:center;padding:15px 20px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:12px;color:#dc3545;text-decoration:none;transition:all .3s ease;font-weight:500;cursor:pointer;font-size:16px}.logout-btn:hover{background:#dc354533;border-color:#dc354580;transform:translateY(-2px)}.main-content{flex:1;margin-left:280px;padding:30px;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.page-title{font-size:32px;font-weight:600;background:linear-gradient(135deg,#20b2aa,#4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-btn{padding:12px 24px;background:linear-gradient(135deg,#20b2aa,#4169e1);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #20b2aa4d}.search-bar{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#20b2aa;background:#ffffff14;box-shadow:0 0 0 3px #20b2aa1a}.search-input::placeholder{color:#666}.data-table{background:#141414cc;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:#ffffff0d;padding:20px;text-align:left;font-weight:600;color:#20b2aa;border-bottom:1px solid rgba(255,255,255,.1)}.data-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.data-table tr:hover{background:#ffffff05}.action-buttons{display:flex;gap:8px}.action-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.edit-btn{background:#4169e133;color:#4169e1;border:1px solid #4169e1}.edit-btn:hover{background:#4169e1;color:#fff;transform:translateY(-1px)}.delete-btn{background:#dc354533;color:#dc3545;border:1px solid #dc3545}.delete-btn:hover{background:#dc3545;color:#fff;transform:translateY(-1px)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;align-items:center;justify-content:center}.modal.show{display:flex}.modal-content{background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:24px;font-weight:600;color:#20b2aa}.close-btn{background:none;border:none;color:#a0a0a0;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#a0a0a0;font-weight:500}.form-input,.form-select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:16px;transition:all .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#20b2aa;background:#ffffff14;box-shadow:0 0 0 3px #20b2aa1a}.form-select option{background:#1a1a1a;color:#fff}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#20b2aa,#4169e1);color:#fff}.btn-secondary{background:#ffffff1a;color:#a0a0a0;border:1px solid rgba(255,255,255,.1)}.btn:hover{transform:translateY(-1px)}.modal{cursor:pointer}.modal-content{cursor:default}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#141414cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.stat-number{font-size:32px;font-weight:600;background:linear-gradient(135deg,#20b2aa,#4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:#a0a0a0;font-size:14px;margin-top:5px}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state-icon{font-size:48px;margin-bottom:20px}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:20px}.page-header{flex-direction:column;gap:20px;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.dashboard-container{flex-direction:column}}