:root{--primary:#3b82f6;--secondary:#8b5cf6;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--gray-500:#64748b;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white:#f8fafc;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#4b5563}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--gray-900);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}input::placeholder,textarea::placeholder{color:rgb(107,114,128)!important;opacity:1!important}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgb(107,114,128)!important}input::-moz-placeholder,textarea::-moz-placeholder{color:rgb(107,114,128)!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-in{animation:slideIn .5s ease-out}.page-container{min-height:100vh;background:var(--gray-900);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.page-container:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.15) 0,transparent 50%);pointer-events:none}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-900);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.15) 0,transparent 50%);pointer-events:none}.login-form-container{position:relative;z-index:1;background:var(--gray-800);padding:50px 40px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.4);width:100%;max-width:440px;animation:slideIn .5s ease-out}.login-header{text-align:center;margin-bottom:30px}.login-logo{width:70px;height:70px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:15px}.login-title{color:var(--white);font-size:28px;font-weight:700;margin-bottom:8px}.login-subtitle{color:var(--gray-400);font-size:14px}.form-group{margin-bottom:25px;position:relative}.form-label{display:block;margin-bottom:8px;color:var(--gray-200);font-weight:500;font-size:14px}.form-input-wrapper{position:relative}.form-input{width:100%;padding:14px 15px 14px 45px;border:1px solid var(--gray-700);border-radius:10px;font-size:15px;transition:all .3s;background:var(--gray-900);color:var(--white)}.form-input::placeholder{color:var(--gray-500)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input:focus+.form-input-icon{color:var(--primary)}.form-input-icon{left:15px;z-index:1}.form-input-action,.form-input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--gray-500);transition:color .3s}.form-input-action{right:15px;cursor:pointer}.form-input-action:hover{color:var(--primary)}.form-options{justify-content:space-between;margin-bottom:25px;font-size:14px}.form-options,.form-remember{display:flex;align-items:center}.form-remember{cursor:pointer;color:var(--gray-200)}.form-remember input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer;padding:0;accent-color:var(--primary)}.form-forgot{color:var(--primary);text-decoration:none;font-weight:500;transition:color .3s}.form-forgot:hover{color:#60a5fa}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:500;line-height:1.25;cursor:pointer;transition:all .3s;text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:white;box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.btn-secondary{background:var(--gray-800);color:var(--white);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:rgba(30,41,59,.8);border-color:var(--primary)}.btn-danger{background:linear-gradient(135deg,var(--error) 0,#dc2626 100%);color:white;box-shadow:0 4px 12px rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(239,68,68,.4)}.btn-lg{padding:15px 24px;font-size:16px}.w-full{width:100%}.social-login{display:flex;gap:15px;margin-bottom:25px}.social-btn{flex:1 1;padding:12px;border:1px solid var(--gray-700);background:var(--gray-900);border-radius:10px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:var(--gray-200)}.social-btn:hover{border-color:var(--primary);background:var(--gray-800);transform:translateY(-2px)}.divider{text-align:center;margin:25px 0;position:relative}.divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--gray-700)}.divider span{background:var(--gray-800);padding:0 15px;color:var(--gray-500);font-size:13px;position:relative;z-index:1}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-900);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-content{display:flex;align-items:center;gap:12px;color:var(--white);font-size:16px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:16px;height:16px;border-width:1.5px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--gray-200)}.text-muted{color:var(--gray-400)}.mb-8{margin-bottom:32px}.p-3{padding:12px}.p-4{padding:16px}.py-4{padding-top:16px;padding-bottom:16px}.bg-error{background-color:var(--error)}.bg-surface{background-color:var(--gray-800)}.border{border:1px solid rgba(255,255,255,.1)}.border-error{border-color:var(--error)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.bg-surface{background:var(--gray-800)}.bg-primary{background:var(--primary)}.bg-secondary{background:var(--secondary)}.bg-success{background:var(--success)}.bg-success\/10{background:rgba(16,185,129,.1)}.bg-primary\/10{background:rgba(59,130,246,.1)}.border-success\/20{border-color:rgba(16,185,129,.2)}.border-primary\/20{border-color:rgba(59,130,246,.2)}.text-success{color:var(--success)}.text-secondary{color:var(--secondary)}.text-gray-400{color:var(--gray-400)}.text-white{color:var(--white)}.rounded-2xl{border-radius:16px}.rounded-xl{border-radius:12px}.rounded-lg{border-radius:10px}.rounded-md{border-radius:6px}.rounded-full{border-radius:50%}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.space-y-5>*+*{margin-top:20px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.mb-1{margin-bottom:4px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-10{margin-bottom:40px}.w-2{width:8px}.h-2{height:8px}.w-10{width:40px}.h-10{height:40px}.text-xs{font-size:12px}.text-base{font-size:16px}.text-sm{font-size:14px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex-1{flex:1 1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.hover\:bg-primary\/20:hover{background:rgba(59,130,246,.2)}.hover\:bg-gray-800\/50:hover{background:rgba(31,41,55,.5)}.hover\:text-primary:hover{color:var(--primary)}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out}.transition-opacity{transition:opacity .15s ease-in-out}.cursor-pointer{cursor:pointer}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-primary{color:var(--primary)}.group-hover\:opacity-100,.opacity-0{opacity:0}.group-hover\:text-primary{color:inherit}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.divide-y>*+*{border-top:1px solid var(--gray-700)}.divide-gray-700>*+*{border-top-color:var(--gray-700)}.max-h-96{max-height:24rem}.overflow-y-auto{overflow-y:auto}.w-12{width:48px}.h-12{height:48px}.text-lg{font-size:17px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.font-medium{font-weight:500}.border-b{border-bottom-width:1px}.border-gray-700{border-color:var(--gray-700)}.text-error{color:var(--error)}.min-h-screen{min-height:100vh}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-800);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::-webkit-scrollbar-corner{background:var(--gray-800)}*{scrollbar-width:thin;scrollbar-color:var(--gray-600) var(--gray-800)}.enhanced-card{background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s ease}.enhanced-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15)}.glass-effect{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.4)}.animated-bg{background:linear-gradient(-45deg,var(--gray-900) 0,var(--gray-800) 25%,rgba(59,130,246,.1) 50%,var(--gray-800) 75%,var(--gray-900) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.list-item{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.1);transition:all .3s ease;position:relative;overflow:hidden}.list-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .5s ease}.list-item:hover:before{left:100%}.list-item:hover{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);transform:translateX(4px)}.table-row-hover{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color}.table-row-hover:hover{background:rgba(59,130,246,.08)!important;transform:translateX(4px)}.instance-row-hover{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color}.instance-row-hover:hover{background:rgba(16,185,129,.08)!important;transform:translateX(4px)}.btn-view-details{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(59,130,246,.4);background:rgba(59,130,246,.1);color:#93c5fd;cursor:pointer;display:inline-flex;align-items:center;gap:6px;will-change:transform,background}.btn-view-details:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.6)}.btn-view-details.active{border:1px solid rgba(156,163,175,.4);background:rgba(75,85,99,.3);color:#9ca3af}.btn-view-details.active:hover{background:rgba(75,85,99,.4)}@media (max-width:640px){.login-form-container{padding:40px 30px;margin:20px}.login-title{font-size:24px}.social-login{flex-direction:column}}