@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";.auth-page-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Poppins,sans-serif;display:flex}.auth-wrapper{background-color:#fff;border-radius:20px;width:850px;max-width:100%;min-height:550px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.auth-wrapper h1{color:#212529;margin:0;font-size:28px;font-weight:700}.auth-wrapper p{letter-spacing:.5px;color:#fff;margin:20px 0 30px;font-size:15px;font-weight:300;line-height:24px}.auth-wrapper span{color:#666;margin:10px 0;font-size:13px}.auth-wrapper a{color:#667eea;margin:15px 0;font-size:14px;text-decoration:none;transition:color .3s}.auth-wrapper a:hover{color:#764ba2}.auth-wrapper button{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;width:100%;margin-top:10px;padding:14px 50px;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea66}.auth-wrapper button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.auth-wrapper button:active:not(:disabled){transform:translateY(0)}.auth-wrapper button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-wrapper button:focus{outline:none}.auth-wrapper button.transparent-btn{box-shadow:none;background:0 0;border:2px solid #fff;width:auto;margin-top:0}.auth-wrapper button.transparent-btn:hover{background:#ffffff1a}.auth-wrapper form{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 50px;display:flex}.auth-wrapper input{background-color:#f3f4f6;border:2px solid #0000;border-radius:12px;width:100%;margin:8px 0;padding:14px 18px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s}.auth-wrapper input:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.auth-wrapper input:disabled{opacity:.6;cursor:not-allowed}.auth-form-box{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.login-form-box{z-index:2;width:50%;left:0}.auth-wrapper.panel-active .login-form-box{transform:translate(100%)}.register-form-box{opacity:0;z-index:1;width:50%;left:0}.auth-wrapper.panel-active .register-form-box{opacity:1;z-index:5;animation:.6s show;transform:translate(100%)}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.slide-panel-wrapper{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-wrapper.panel-active .slide-panel-wrapper{transform:translate(-100%)}.slide-panel{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 50%/cover;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.auth-wrapper.panel-active .slide-panel{transform:translate(50%)}.panel-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 50px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.panel-content-left{transform:translate(-20%)}.auth-wrapper.panel-active .panel-content-left{transform:translate(0)}.panel-content-right{right:0;transform:translate(0)}.auth-wrapper.panel-active .panel-content-right{transform:translate(20%)}.social-links{margin:25px 0}.social-links a{color:#667eea;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:0 8px;transition:all .3s;display:inline-flex}.social-links a:hover{color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #667eea66}.mobile-switch{display:none}.auth-error{color:#c33;text-align:center;background-color:#fee;border:1px solid #fcc;border-radius:8px;width:100%;margin:10px 0;padding:10px 15px;font-size:13px}@media (max-width:768px){.auth-page-wrapper{padding:10px}.auth-wrapper{border-radius:15px;width:100%;max-width:100%;min-height:auto}.auth-form-box{opacity:1!important;width:100%!important;position:static!important;transform:none!important}.login-form-box,.register-form-box{opacity:1!important;z-index:1!important;width:100%!important;position:static!important;left:0!important;transform:none!important}.register-form-box,.auth-wrapper.panel-active .login-form-box{display:none}.auth-wrapper.panel-active .register-form-box{display:block}.slide-panel-wrapper{display:none!important}.auth-wrapper form{height:auto;padding:30px 25px;position:static}.auth-wrapper h1{margin-bottom:10px;font-size:22px}.auth-wrapper input{padding:12px 15px;font-size:14px}.auth-wrapper button{padding:12px 40px;font-size:12px}.social-links a{width:40px;height:40px;margin:0 5px}.mobile-switch{color:#667eea;margin-top:20px;font-size:14px;display:block}.mobile-switch p{color:#666;margin:10px 0;font-size:14px}.mobile-switch button.mobile-switch-btn{color:#667eea;box-shadow:none;background:0 0;border:2px solid #667eea;width:auto;margin-top:10px;padding:10px 30px}.mobile-switch button.mobile-switch-btn:hover{color:#fff;background:#667eea}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#007bff;--primary-dark:#0056b3;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40;--white:#fff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--border-radius:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .2s ease-in-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-100);color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar-track{background:var(--gray-200)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);padding:20px}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-success{background-color:var(--success);color:var(--white)}.btn-danger{background-color:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#c82333;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.input{border:1px solid var(--gray-300);border-radius:var(--border-radius);width:100%;transition:var(--transition);background-color:var(--white);padding:10px 12px;font-size:16px}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.input:disabled{background-color:var(--gray-200);cursor:not-allowed}.textarea{border:1px solid var(--gray-300);border-radius:var(--border-radius);resize:vertical;width:100%;transition:var(--transition);background-color:var(--white);padding:10px 12px;font-family:inherit;font-size:16px}.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.select{border:1px solid var(--gray-300);border-radius:var(--border-radius);background-color:var(--white);cursor:pointer;width:100%;transition:var(--transition);padding:10px 12px;font-size:16px}.select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.alert{border-radius:var(--border-radius);margin-bottom:16px;padding:12px 16px}.alert-error{color:#c33;background-color:#fee;border:1px solid #fcc}.alert-success{color:#3c3;background-color:#efe;border:1px solid #cfc}.loading{text-align:center;color:var(--gray-600);padding:40px}.empty-state{text-align:center;color:var(--gray-600);padding:60px 20px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.card-hover{transition:all .2s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:.3s ease-out fadeIn}.slide-in-right{animation:.3s ease-out slideInRight}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:5px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}