body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #3f51b5;--primary-light: #757de8;--primary-dark: #002984;--secondary-color: #f50057;--secondary-light: #ff5983;--secondary-dark: #bb002f;--accent-color: #ff4081;--success-color: #4caf50;--success-light: #80e27e;--info-color: #2196f3;--info-light: #6ec6ff;--warning-color: #ff9800;--warning-light: #ffc947;--error-color: #f44336;--error-light: #ff7961;--background-color: #fafafa;--text-color: #424242;--light-text: #ffffff;--transition-time: .3s;--gradient-blue: linear-gradient( 135deg, var(--primary-color) 0%, var(--info-color) 100% );--gradient-purple: linear-gradient(135deg, #7c4dff 0%, #b388ff 100%);--gradient-pink: linear-gradient( 135deg, var(--secondary-color) 0%, var(--accent-color) 100% );--gradient-orange: linear-gradient(135deg, #ff9800 0%, #ff6d00 100%);--gradient-green: linear-gradient(135deg, #4caf50 0%, #00c853 100%);--gradient-teal: linear-gradient(135deg, #009688 0%, #64ffda 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #007bff80}50%{box-shadow:0 0 20px #007bffcc}to{box-shadow:0 0 5px #007bff80}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes colorShift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}to{filter:hue-rotate(0deg)}}.app-header.animate{animation:slideInDown .5s ease-out forwards}.logo-text.animate{animation:fadeIn .8s ease-out forwards}.page-title{animation:slideInLeft .5s ease-out forwards}.sidebar-container{height:100%;display:flex;flex-direction:column;color:var(--light-text);box-shadow:0 16px 38px -12px #0000008f,0 4px 25px #0000001f,0 8px 10px -5px #0003;background-image:var(--gradient-blue);background-size:100% 100%;position:relative;overflow:hidden}.sidebar-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}.sidebar-menu-item{margin:5px 12px;border-radius:8px;overflow:hidden;position:relative;z-index:1;transition:all var(--transition-time) ease}.sidebar-menu-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1;border-radius:8px}.sidebar-menu-item:hover:before{transform:scaleX(1)}.sidebar-menu-item .menu-icon{transition:all var(--transition-time) ease;filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.sidebar-menu-item:hover .menu-icon{transform:rotate(5deg) scale(1.2);animation:pulse 1s infinite}.sidebar-menu-item.active{font-weight:600;background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar-menu-item.active .menu-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.6))}.menu-text{transition:color var(--transition-time) ease,transform var(--transition-time) ease}.sidebar-menu-item:hover .menu-text{transform:translate(5px)}.collapse-btn{animation:pulse 2s infinite;background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-toggle-btn{transition:transform var(--transition-time) ease;background:#ffffff26;border-radius:50%;padding:8px;box-shadow:0 4px 8px #0000001a}.theme-toggle-btn:hover{transform:rotate(180deg);background:#ffffff40}.avatar-button{transition:transform var(--transition-time) ease}.avatar-button:hover{transform:scale(1.1);animation:glow 2s infinite}.app-header{position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3;z-index:0}.page-title{animation:slideInLeft .5s ease-out forwards;position:relative;z-index:1}.app-footer{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.app-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3;z-index:0}.footer-text{animation:fadeIn 1s ease-out forwards;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.main-content{padding-bottom:60px!important;animation:fadeIn .5s ease-out forwards}.menu-item-hover-effect{transition:all .3s ease}.menu-item-hover-effect:hover{background-color:#ffffff1a;transform:translate(5px)}.MuiDrawer-root .MuiDrawer-paper{transition:width 225ms cubic-bezier(.4,0,.6,1) 0ms;background-image:var(--gradient-blue)}.logo-text{position:relative;overflow:hidden}.logo-text:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transform:translate(-100%);animation:shimmer 3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.dark-theme{--background-color: #303030;--text-color: #ffffff;--card-bg: #424242;--border-color: rgba(255, 255, 255, .1)}.light-theme{--background-color: #fafafa;--text-color: #424242;--card-bg: #ffffff;--border-color: rgba(0, 0, 0, .1)}.header-icon-btn{position:relative;overflow:hidden;transition:all .3s ease}.header-icon-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff1a;border-radius:50%;transform:scale(0);transition:transform .3s ease}.header-icon-btn:hover:after{transform:scale(1.5)}.header-icon-btn:hover{transform:translateY(-2px)}@media (max-width: 600px){.main-content{padding:16px}.floating-card:hover{transform:translateY(-5px)}}:root{--login-primary: #0f172a;--login-primary-light: #1e293b;--login-accent: #10b981;--login-accent-light: #34d399;--login-accent-dark: #059669;--login-text: #f1f5f9;--login-text-light: #cbd5e1;--login-text-muted: #94a3b8;--login-border: #334155;--login-bg: #1e293b;--login-bg-subtle: #334155;--login-error: #ef4444;--login-error-bg: rgba(239, 68, 68, .15);--login-shadow: 0 25px 50px -12px rgba(0, 0, 0, .4);--login-radius: 20px;--login-radius-sm: 12px;--login-transition: .2s cubic-bezier(.4, 0, .2, 1)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(145deg,var(--login-primary) 0%,var(--login-primary-light) 100%);padding:2rem;position:relative;overflow:hidden}.login-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;opacity:.3;animation:float 20s ease-in-out infinite}.decoration-circle-1{width:700px;height:700px;background:radial-gradient(circle,var(--login-accent) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:0s}.decoration-circle-2{width:500px;height:500px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-150px;left:-150px;animation-delay:-5s}.decoration-circle-3{width:350px;height:350px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);top:40%;left:30%;animation-delay:-10s;opacity:.15}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(-25px,-15px) scale(1.02)}}.login-card{display:grid;grid-template-columns:1fr 1.1fr;width:100%;max-width:1000px;min-height:620px;background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--login-radius);box-shadow:var(--login-shadow);overflow:hidden;position:relative;z-index:1;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .6s ease,transform .6s ease}.login-card--mounted{opacity:1;transform:translateY(0) scale(1)}.login-brand{background:linear-gradient(165deg,#10b98126,#06b6d41a);padding:3.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.brand-content{position:relative;z-index:1;text-align:center}.brand-icon{width:88px;height:88px;background:#10b98126;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.3);transition:transform .3s ease,box-shadow .3s ease}.brand-icon:hover{transform:scale(1.05);box-shadow:0 0 30px #10b9814d}.brand-icon svg{width:44px;height:44px;color:var(--login-accent-light)}.brand-title{font-size:2.75rem;font-weight:700;color:#fff;margin:0 0 1rem;letter-spacing:-.5px}.brand-tagline{color:var(--login-text-muted);font-size:1.125rem;margin:0;max-width:260px;line-height:1.6}.brand-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.08) 0%,transparent 50%);pointer-events:none}.login-form-section{padding:3.5rem 4rem;display:flex;align-items:center;justify-content:center;background:transparent}.form-container{width:100%;max-width:380px}.form-header{margin-bottom:2.5rem}.form-title{font-size:2rem!important;font-weight:700!important;color:var(--login-text)!important;margin:0 0 .75rem!important;letter-spacing:-.5px}.form-subtitle{color:var(--login-text-muted)!important;font-size:1rem!important;margin:0!important}.error-alert{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--login-error-bg);border-radius:var(--login-radius-sm);margin-bottom:1.75rem;animation:shake .4s ease;border:1px solid rgba(239,68,68,.3)}.error-icon{width:24px;height:24px;min-width:24px;background:var(--login-error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.error-alert p{color:#fca5a5;font-size:.9375rem;margin:0}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.625rem}.label-row{display:flex;justify-content:space-between;align-items:center}.input-label{font-size:.9375rem;font-weight:500;color:var(--login-text-light)}.forgot-link{font-size:.875rem!important;color:var(--login-accent)!important;cursor:pointer;font-weight:500!important;transition:color var(--login-transition)}.forgot-link:hover{color:var(--login-accent-light)!important}.minimal-input .MuiOutlinedInput-root{background:var(--login-bg-subtle);border-radius:var(--login-radius-sm);transition:all var(--login-transition)}.minimal-input .MuiOutlinedInput-notchedOutline{border-color:transparent!important}.minimal-input .MuiOutlinedInput-root:hover{background:#3b4a5f}.minimal-input .MuiOutlinedInput-root.Mui-focused{background:#10b98114;box-shadow:0 0 0 3px #10b98133}.minimal-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--login-accent)!important;border-width:2px}.minimal-input .MuiInputBase-input{padding:16px 18px;font-size:1rem;color:var(--login-text)}.minimal-input .MuiInputBase-input::placeholder{color:var(--login-text-muted);opacity:1}.visibility-toggle{color:var(--login-text-muted)!important;padding:10px!important}.visibility-toggle:hover{color:var(--login-text)!important;background:#ffffff0d!important}.submit-button{padding:16px 28px!important;margin-top:.75rem!important;border-radius:var(--login-radius-sm)!important;background:linear-gradient(135deg,var(--login-accent) 0%,var(--login-accent-dark) 100%)!important;color:#fff!important;font-weight:600!important;font-size:1rem!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 4px 20px #10b98166!important;transition:all var(--login-transition)!important;display:flex;align-items:center;justify-content:center;gap:.625rem}.submit-button:hover{transform:translateY(-3px)!important;box-shadow:0 8px 25px #10b98180!important}.submit-button:active{transform:translateY(-1px)!important}.submit-button:disabled{background:var(--login-border)!important;box-shadow:none!important;transform:none!important}.button-arrow{font-size:1.25rem!important;transition:transform var(--login-transition)}.submit-button:hover .button-arrow{transform:translate(5px)}.button-spinner{color:#fff!important}.form-divider{display:flex;align-items:center;gap:1.25rem;margin:1.75rem 0;color:var(--login-text-muted);font-size:.875rem}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--login-border)}.signup-prompt{text-align:center;color:var(--login-text-muted);font-size:.9375rem;margin:0}.signup-link{color:var(--login-accent);font-weight:600;cursor:pointer;transition:color var(--login-transition)}.signup-link:hover{color:var(--login-accent-light)}@media (max-width: 900px){.login-card{grid-template-columns:1fr;max-width:480px;min-height:auto}.login-brand{display:none}.login-form-section{padding:3rem}.form-container{max-width:100%}}@media (max-width: 480px){.login-page{padding:0}.login-decoration{display:none}.login-card{min-height:100vh;border-radius:0;box-shadow:none;border:none;background:var(--login-primary-light)}.login-form-section{padding:5rem 1.75rem 2.5rem;align-items:flex-start}.form-title{font-size:1.75rem!important}.form-subtitle{font-size:.9375rem!important}.minimal-input .MuiInputBase-input{padding:14px 16px;font-size:1rem}.submit-button{padding:14px 24px!important}}@media (min-width: 1200px){.login-card{max-width:1100px}.login-form-section{padding:4rem 5rem}.form-container{max-width:400px}}.forgot-password-container{background-color:#ffffff1a;padding:20px;border-radius:8px;width:100%;margin-top:20px}.forgot-password-form{display:flex;flex-direction:column;gap:15px}.forgot-password-container h3{margin-top:0;font-size:18px}.reset-button{padding:10px;background-color:#61dafb;color:#282c34;border:none;border-radius:4px;cursor:pointer;font-weight:700}.reset-button:hover{background-color:#4fa8c5}.reset-button:disabled{background-color:#ccc;cursor:not-allowed}.message{padding:10px;border-radius:4px;font-size:14px;text-align:center}.message.error{color:#ff6b6b;background-color:#ff6b6b1a}.message.success{color:#51cf66;background-color:#51cf661a}.forgot-password-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(145deg,#0f172a,#1e293b);padding:2rem;position:relative;overflow:hidden}.forgot-password-page:before{content:"";position:absolute;width:500px;height:500px;top:-150px;right:-150px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.forgot-password-page:after{content:"";position:absolute;width:400px;height:400px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.forgot-password-card{width:100%;max-width:440px;background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #0006;position:relative;z-index:1}.forgot-password-card h2,.forgot-password-card .MuiTypography-h5,.forgot-password-card .MuiTypography-h4{color:#f1f5f9!important;font-size:1.75rem!important;font-weight:700!important;margin-bottom:.5rem!important}.forgot-password-card .MuiTypography-body1,.forgot-password-card .MuiTypography-body2,.forgot-password-card p{color:#94a3b8!important}.forgot-password-card .MuiTextField-root .MuiOutlinedInput-root{background:#334155;border-radius:12px}.forgot-password-card .MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:transparent}.forgot-password-card .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#10b9814d}.forgot-password-card .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#10b981;border-width:2px}.forgot-password-card .MuiInputBase-input{color:#f1f5f9;padding:16px;font-size:1rem}.forgot-password-card .MuiInputLabel-root{color:#94a3b8}.forgot-password-card .MuiInputLabel-root.Mui-focused{color:#10b981}.forgot-password-card .MuiButton-contained{background:linear-gradient(135deg,#10b981,#059669)!important;padding:14px 28px!important;border-radius:12px!important;font-weight:600!important;font-size:1rem!important;text-transform:none!important;box-shadow:0 4px 14px #10b98159!important}.forgot-password-card .MuiButton-contained:hover{box-shadow:0 6px 20px #10b98173!important}.forgot-password-card .MuiButton-text,.forgot-password-card .MuiLink-root{color:#10b981!important;font-weight:500!important}@media (max-width: 480px){.forgot-password-page{padding:0}.forgot-password-card{min-height:100vh;border-radius:0;padding:4rem 1.5rem 2rem}}.dashboard-container{padding:16px 24px;margin:0 auto;max-width:1600px}.dashboard-title{position:relative;margin-top:20px;margin-bottom:40px;color:#333;font-weight:700;text-align:center}.dashboard-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(90deg,#3f51b5,#f50057);border-radius:2px}.floating-card{transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014;border-radius:12px;transform:scale(.6)}.floating-card:hover{transform:translateY(-3px) scale(.6);box-shadow:0 8px 16px #0000001f}.stat-card{background-size:200% 200%!important;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-card{position:relative;overflow:hidden;border:none!important;box-shadow:0 3px 10px #0000000f;transition:all .3s cubic-bezier(.25,.8,.25,1);animation-delay:calc(var(--index) * .1s)}.app-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-3px) scale(.6)}.app-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.app-card-header{position:relative;overflow:hidden}.app-card-header:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s}.app-card:hover .app-card-header:after{transform:translate(100%)}.add-app-card{transition:all .3s ease;cursor:pointer}.add-app-card:hover{border-color:#3f51b5;background-color:#3f51b50d!important}.add-app-button{transition:all .3s ease}.add-app-card:hover .add-app-button{background-color:#3f51b5!important;color:#fff;transform:rotate(90deg)}.activity-card,.actions-card{height:100%;position:relative;transition:all .3s ease}.activity-card:hover,.actions-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.quick-action-buttons button{position:relative;overflow:hidden;transition:all .3s ease;transform:translateZ(0)}.quick-action-buttons button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s}.quick-action-buttons button:hover:after{transform:translate(100%)}.access-badge{position:absolute;top:10px;left:10px;font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:700;z-index:2;box-shadow:0 2px 5px #0000001a}.access-badge.admin{background-color:#f50057;color:#fff}.access-badge.developer{background-color:#2196f3;color:#fff}.access-badge.user{background-color:#4caf50;color:#fff}.floating-action{position:relative;overflow:hidden;transition:all .2s ease}.floating-action:hover{transform:translateY(-2px)}.widgets-container{position:relative;padding:10px}.sub-apps-container{display:flex;flex-wrap:wrap;gap:16px;padding:10px 0}.stat-card-container{margin-bottom:30px;margin-top:20px}.app-card-container{margin-bottom:30px;margin-top:10px}.widget-grid{margin-top:10px;margin-bottom:20px;padding:0 15px}@media (max-width: 960px){.floating-card{transform:scale(.7)}.floating-card:hover,.app-card:hover{transform:translateY(-3px) scale(.7)}}@media (max-width: 600px){.floating-card{transform:scale(.8)}.floating-card:hover,.app-card:hover{transform:translateY(-2px) scale(.8)}}@media (max-width: 600px){.dashboard-container{padding:8px}.floating-card:hover{transform:translateY(-5px)}}.clinic-dashboard-container{padding:16px 24px;margin:0 auto;max-width:1600px}.clinic-dashboard-header{margin-bottom:32px}.clinic-dashboard-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.clinic-dashboard-title{position:relative;margin-top:20px;margin-bottom:40px;color:#333;font-weight:700}.clinic-dashboard-title:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:4px;background:linear-gradient(90deg,#1976d2,#388e3c);border-radius:2px}.clinic-role-alert{margin-top:16px}.clinic-stats-container{margin-bottom:30px;margin-top:20px}.clinic-floating-card{transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014;border-radius:12px!important}.clinic-floating-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f}.clinic-stat-card{cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);border-radius:12px!important;overflow:hidden;position:relative}.clinic-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f}.clinic-stat-card-content{display:flex;align-items:center;justify-content:space-between}.clinic-stat-value{font-weight:700;font-size:2rem}.clinic-stat-label{color:#0009;font-size:.875rem}.clinic-stat-icon{width:56px;height:56px}.clinic-data-panel{padding:24px;height:300px;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.clinic-data-panel:hover{box-shadow:0 8px 20px #0000001f}.clinic-data-panel-title{font-weight:600;margin-bottom:16px}.clinic-data-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.clinic-data-row:last-child{border-bottom:none}.clinic-quick-actions{padding:24px;margin-top:24px;border-radius:12px;box-shadow:0 4px 15px #00000014}.clinic-quick-actions-title{font-weight:600;margin-bottom:16px}.clinic-quick-actions-grid{display:flex;flex-wrap:wrap;gap:12px}.clinic-action-button{transition:all .2s ease;position:relative;overflow:hidden}.clinic-action-button:hover{transform:translateY(-2px)}.clinic-action-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s}.clinic-action-button:hover:after{transform:translate(100%)}.clinic-debug-panel{padding:24px;margin-top:24px;background-color:#f5f5f5;border-radius:12px}.clinic-role-badge{font-weight:600}.clinic-stats-grid,.clinic-panels-grid,.clinic-widget-grid{margin-top:10px;margin-bottom:20px;padding:0 15px}@media (max-width: 1200px){.clinic-dashboard-container{padding:16px 20px}.clinic-stat-icon{width:48px;height:48px}.clinic-stat-value{font-size:1.75rem}}@media (max-width: 960px){.clinic-dashboard-container{padding:12px 16px}.clinic-dashboard-header-content{flex-direction:column;align-items:flex-start}.clinic-stat-icon{width:44px;height:44px}.clinic-stat-value{font-size:1.5rem}.clinic-data-panel{height:auto;min-height:250px;padding:20px}.clinic-quick-actions{padding:20px}.clinic-quick-actions-grid{gap:8px}.clinic-floating-card:hover,.clinic-stat-card:hover{transform:translateY(-3px)}}@media (max-width: 768px){.clinic-dashboard-container{padding:12px}.clinic-dashboard-title{font-size:1.5rem!important;margin-bottom:24px}.clinic-dashboard-title:after{width:40px;height:3px}.clinic-stat-value{font-size:1.35rem}.clinic-stat-label{font-size:.8rem}.clinic-data-panel{padding:16px;min-height:220px}.clinic-data-panel-title{font-size:1rem}.clinic-quick-actions{padding:16px}.clinic-quick-actions-title{font-size:1rem}.clinic-action-button{font-size:.8rem!important;padding:6px 12px!important}.clinic-role-alert .MuiAlert-message{font-size:.85rem}}@media (max-width: 600px){.clinic-dashboard-container{padding:8px}.clinic-dashboard-header{margin-bottom:20px}.clinic-dashboard-title{font-size:1.25rem!important}.clinic-stat-card{min-height:100px}.clinic-stat-value{font-size:1.25rem}.clinic-stat-icon{width:40px;height:40px;top:12px;right:12px}.clinic-data-panel{padding:12px;min-height:200px}.clinic-data-row{padding:6px 0;flex-wrap:wrap;gap:4px}.clinic-quick-actions{padding:12px;margin-top:16px}.clinic-quick-actions-grid{flex-direction:column;gap:8px}.clinic-action-button{width:100%!important;justify-content:center}.clinic-floating-card:hover,.clinic-stat-card:hover{transform:translateY(-2px)}.clinic-debug-panel{padding:12px;margin-top:16px}.clinic-role-badge{font-size:.75rem}}@media (max-width: 400px){.clinic-dashboard-container{padding:6px}.clinic-dashboard-title{font-size:1.1rem!important}.clinic-stat-value{font-size:1.1rem}.clinic-stat-label{font-size:.75rem}.clinic-stat-icon{width:36px;height:36px}.clinic-data-panel-title,.clinic-quick-actions-title{font-size:.9rem}.clinic-action-button{font-size:.75rem!important;padding:8px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clinic-animate-in,.clinic-stat-card{animation:fadeInUp .4s ease-out forwards}.clinic-stat-card:nth-child(1){animation-delay:.1s}.clinic-stat-card:nth-child(2){animation-delay:.2s}.clinic-stat-card:nth-child(3){animation-delay:.3s}.clinic-stat-card:nth-child(4){animation-delay:.4s}.clinic-dashboard-container::-webkit-scrollbar{width:8px}.clinic-dashboard-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.clinic-dashboard-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.clinic-dashboard-container::-webkit-scrollbar-thumb:hover{background:#555}.clinic-management-layout{display:flex;height:100vh;overflow:hidden;font-size:.9rem;position:relative}.clinic-management-layout .MuiDrawer-paper{box-shadow:0 4px 15px #00000026}.clinic-management-layout .MuiAppBar-root{box-shadow:0 2px 15px #0000001a}.clinic-management-layout .MuiListItemButton-root{transition:all .3s ease}.clinic-management-layout .MuiListItemButton-root.Mui-selected{position:relative}.clinic-management-layout ::-webkit-scrollbar{width:8px}.clinic-management-layout ::-webkit-scrollbar-track{background:var(--theme-background, #f8f9fa);border-radius:10px}.clinic-management-layout ::-webkit-scrollbar-thumb{background:var(--theme-primary, #2e7d32);border-radius:10px}.clinic-management-layout ::-webkit-scrollbar-thumb:hover{background:var(--theme-primary-dark, #1b5e20)}.animated-gradient{background:linear-gradient(270deg,var(--theme-primary, #1e88e5),var(--theme-primary-light, #42a5f5),var(--theme-secondary, #1976d2));background-size:600% 600%;animation:gradientAnimation 8s ease infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.theme-button{border-radius:30px;text-transform:none;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;background:var(--theme-primary, #2e7d32);color:#fff}.theme-button:hover{background:var(--theme-primary-dark, #1b5e20);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.theme-button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:-100%;background:linear-gradient(90deg,#ffffff1a,#fff0,#ffffff1a);transition:all .8s ease}.theme-button:hover:after{left:100%}.clinic-management-layout .MuiDrawer-paper{transition:background .3s ease,color .3s ease}.clinic-management-layout .MuiListItemButton-root:hover .MuiListItemIcon-root,.clinic-management-layout .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root{transform:scale(1.1);transition:transform .2s ease}.clinic-management-layout main{transition:background-color .3s ease}@media (max-width: 960px){.clinic-management-layout .MuiListItemText-root{transition:opacity .3s ease,display .3s ease}}@media (max-width: 600px){.clinic-management-layout main{padding:72px 8px 8px!important}.clinic-management-layout .MuiToolbar-root{padding-left:8px;padding-right:8px}.clinic-management-layout .MuiTypography-h6{font-size:1rem}}@media (max-width: 400px){.clinic-management-layout main{padding:64px 4px 4px!important}}.clinic-management-layout main{padding:64px 4px 4px!important}.patient-dashboard-container{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e6eaed)}.patient-dashboard-title{color:#2c3e50;font-weight:700!important;margin-bottom:24px!important}.patient-info-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px!important;padding:24px;margin-bottom:24px}.patient-info-card-enhanced{background:#fff;border-radius:16px!important;margin-bottom:24px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.patient-info-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 12px 28px #667eea26!important}.info-box{background:#f8f9fc;border-radius:8px;padding:12px 16px;height:100%;border-left:3px solid #667eea;transition:all .3s ease}.info-box:hover{background:#f0f2f8;border-left-color:#764ba2;transform:translate(4px)}.info-box-highlight{background:linear-gradient(135deg,#f8f9fc,#e8ebf7);border-radius:12px;padding:16px;height:100%;text-align:center;border:2px solid #e0e4f0;transition:all .3s ease}.info-box-highlight:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2)}.info-box-highlight:hover .info-box-label,.info-box-highlight:hover .info-box-value-large{color:#fff}.info-box-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#667eea;opacity:.85;margin-bottom:4px;letter-spacing:.5px}.info-box-value{font-size:.95rem;font-weight:600;color:#2c3e50}.info-box-value-large{font-size:1.75rem;font-weight:700;color:#2c3e50;margin-top:4px}.patient-info-card .MuiTypography-root{color:#2c86e1}.patient-info-card .info-label{opacity:.8;font-size:.85rem}.patient-info-card .info-value{font-weight:600;font-size:1rem}.stat-card{border-radius:12px!important;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026!important}.stat-card-container{margin-bottom:32px}.floating-card{transition:transform .3s ease,box-shadow .3s ease}.floating-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a!important}.medical-record-card{border-left:4px solid #3f51b5;margin-bottom:16px;border-radius:8px!important}.medical-record-card.expanded{border-left-color:#4caf50}.date-filter-section{background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.records-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.prescription-chip{margin:4px!important;font-size:.75rem!important}.vital-signs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.vital-sign-item{background:#f5f7fa;padding:12px;border-radius:8px;text-align:center}.vital-sign-value{font-size:1.25rem;font-weight:700;color:#2c3e50}.vital-sign-label{font-size:.75rem;color:#666;margin-top:4px}.appointment-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;padding:12px 16px;margin-bottom:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.export-button{background:linear-gradient(135deg,#4caf50,#81c784)!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;border-radius:8px!important}.export-button:hover{box-shadow:0 4px 12px #4caf5066!important}.token-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:24px}.token-error-card{max-width:500px;text-align:center;padding:48px!important;border-radius:16px!important}@media (max-width: 768px){.patient-dashboard-container{padding:16px}.date-filter-section{flex-direction:column}.vital-signs-grid{grid-template-columns:repeat(2,1fr)}}.users-container{padding:16px}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-search-box,.users-table-container{margin-bottom:20px}@media (max-width: 600px){.users-header{flex-direction:column;align-items:flex-start;gap:16px}.users-container{padding:8px}.TableCell-actions{display:flex;flex-direction:column;gap:8px}}.patient-management-container{min-height:calc(100vh - 160px);font-size:14px;max-width:1400px;margin:0 auto;position:relative;padding-left:1rem;padding-right:1rem}@media (min-width: 1600px){.patient-management-container{max-width:1400px;margin:0 auto}}@media (max-width: 1200px){.patient-management-container{font-size:13px;padding:0 10px}}.page-title{position:relative;color:#fff;font-weight:700;margin-bottom:1rem}.animated-gradient{background-size:200% 200%!important;animation:gradientBg 10s ease infinite}@keyframes gradientBg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.stat-card{transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003!important}.stat-card:after{content:"";position:absolute;width:210%;height:210%;top:-55%;left:-5%;background:radial-gradient(rgba(255,255,255,.2),transparent 70%);opacity:0;transition:opacity .3s ease}.stat-card:hover:after{opacity:1}.car-table{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.car-table .MuiTableHead-root{background:linear-gradient(90deg,#1e88e5,#42a5f5)}.car-table .MuiTableHead-root .MuiTableCell-root{color:#fff;font-weight:600;padding:16px}.car-table .MuiTableBody-root .MuiTableRow-root{transition:all .3s ease}.car-table .MuiTableBody-root .MuiTableRow-root:hover{background-color:#1e88e50d!important;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.car-table .MuiTableCell-root{border-bottom:1px solid rgba(224,224,224,.5)}.MuiButton-root{transition:all .3s ease}.MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.status-badge{border-radius:20px;padding:5px 12px;font-weight:600;display:inline-flex;align-items:center;font-size:.75rem}.status-active{background-color:#43a0471a;color:#43a047;border:1px solid rgba(67,160,71,.2)}.status-service{background-color:#fb8c001a;color:#fb8c00;border:1px solid rgba(251,140,0,.2)}.status-inactive{background-color:#e539351a;color:#e53935;border:1px solid rgba(229,57,53,.2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f4f6f8;border-radius:10px}::-webkit-scrollbar-thumb{background:#1e88e5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#1565c0}@media (max-width: 600px){.page-title{font-size:1.5rem}.stat-card{padding:1rem!important}}@media (min-width: 1200px){.car-management-container{transform:scale(.95);transform-origin:top center;margin-left:auto;margin-right:auto}}:root{--pm-primary: #0f172a;--pm-primary-light: #1e293b;--pm-accent: #3b82f6;--pm-accent-light: #60a5fa;--pm-accent-dark: #2563eb;--pm-text: #f1f5f9;--pm-text-light: #cbd5e1;--pm-text-muted: #94a3b8;--pm-border: #334155;--pm-bg: #1e293b;--pm-bg-subtle: #334155;--pm-error: #ef4444;--pm-error-bg: rgba(239, 68, 68, .15);--pm-success: #10b981;--pm-success-bg: rgba(16, 185, 129, .15);--pm-shadow: 0 25px 50px -12px rgba(0, 0, 0, .4);--pm-radius: 20px;--pm-radius-sm: 12px;--pm-transition: .2s cubic-bezier(.4, 0, .2, 1)}.pm-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(145deg,var(--pm-primary) 0%,var(--pm-primary-light) 100%);padding:2rem;position:relative;overflow:hidden}.pm-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.pm-decoration-circle{position:absolute;border-radius:50%;opacity:.3;animation:pmFloat 20s ease-in-out infinite}.pm-decoration-circle-1{width:700px;height:700px;background:radial-gradient(circle,var(--pm-accent) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:0s}.pm-decoration-circle-2{width:500px;height:500px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);bottom:-150px;left:-150px;animation-delay:-5s}.pm-decoration-circle-3{width:350px;height:350px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);top:40%;left:30%;animation-delay:-10s;opacity:.15}@keyframes pmFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(-25px,-15px) scale(1.02)}}.pm-login-card{display:grid;grid-template-columns:1fr 1.1fr;width:100%;max-width:1000px;min-height:620px;background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--pm-radius);box-shadow:var(--pm-shadow);overflow:hidden;position:relative;z-index:1;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .6s ease,transform .6s ease}.pm-login-card--mounted{opacity:1;transform:translateY(0) scale(1)}.pm-login-brand{background:linear-gradient(165deg,#3b82f626,#8b5cf61a);padding:3.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.pm-brand-content{position:relative;z-index:1;text-align:center}.pm-brand-icon{width:88px;height:88px;background:#3b82f626;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);transition:transform .3s ease,box-shadow .3s ease}.pm-brand-icon:hover{transform:scale(1.05);box-shadow:0 0 30px #3b82f64d}.pm-brand-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1rem;letter-spacing:-.5px}.pm-brand-tagline{color:var(--pm-text-muted);font-size:1.125rem;margin:0;max-width:280px;line-height:1.6}.pm-brand-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none}.pm-login-form-section{padding:3.5rem 4rem;display:flex;align-items:center;justify-content:center;background:transparent}.pm-form-container{width:100%;max-width:380px}.pm-form-header{margin-bottom:2.5rem}.pm-form-title{font-size:2rem!important;font-weight:700!important;color:var(--pm-text)!important;margin:0 0 .75rem!important;letter-spacing:-.5px}.pm-form-subtitle{color:var(--pm-text-muted)!important;font-size:1rem!important;margin:0!important;line-height:1.5}.pm-error-alert{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--pm-error-bg);border-radius:var(--pm-radius-sm);margin-bottom:1.75rem;animation:pmShake .4s ease;border:1px solid rgba(239,68,68,.3)}.pm-error-icon{width:24px;height:24px;min-width:24px;background:var(--pm-error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.pm-error-alert p{color:#fca5a5;font-size:.9375rem;margin:0}.pm-alert{padding:1rem 1.25rem;border-radius:var(--pm-radius-sm);margin-bottom:1.75rem}.pm-alert-error{background:var(--pm-error-bg);border:1px solid rgba(239,68,68,.3)}.pm-alert-error p{color:#fca5a5;margin:0}.pm-alert-success{background:var(--pm-success-bg);border:1px solid rgba(16,185,129,.3)}.pm-alert-success p{color:#6ee7b7;margin:0}@keyframes pmShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pm-login-form,.pm-forgot-password-form form{display:flex;flex-direction:column;gap:1.5rem}.pm-input-group{display:flex;flex-direction:column;gap:.625rem}.pm-label-row{display:flex;justify-content:space-between;align-items:center}.pm-input-label{font-size:.9375rem;font-weight:500;color:var(--pm-text-light)}.pm-forgot-link{font-size:.875rem!important;color:var(--pm-accent)!important;cursor:pointer;font-weight:500!important;transition:color var(--pm-transition)}.pm-forgot-link:hover{color:var(--pm-accent-light)!important}.pm-minimal-input .MuiOutlinedInput-root{background:var(--pm-bg-subtle);border-radius:var(--pm-radius-sm);transition:all var(--pm-transition)}.pm-minimal-input .MuiOutlinedInput-notchedOutline{border-color:transparent!important}.pm-minimal-input .MuiOutlinedInput-root:hover{background:#3b4a5f}.pm-minimal-input .MuiOutlinedInput-root.Mui-focused{background:#3b82f614;box-shadow:0 0 0 3px #3b82f633}.pm-minimal-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--pm-accent)!important;border-width:2px}.pm-minimal-input .MuiInputBase-input{padding:16px 18px;font-size:1rem;color:var(--pm-text)}.pm-minimal-input .MuiInputBase-input::placeholder{color:var(--pm-text-muted);opacity:1}.pm-visibility-toggle{color:var(--pm-text-muted)!important;padding:10px!important}.pm-visibility-toggle:hover{color:var(--pm-text)!important;background:#ffffff0d!important}.pm-submit-button{padding:16px 28px!important;margin-top:.75rem!important;border-radius:var(--pm-radius-sm)!important;background:linear-gradient(135deg,var(--pm-accent) 0%,var(--pm-accent-dark) 100%)!important;color:#fff!important;font-weight:600!important;font-size:1rem!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 4px 20px #3b82f666!important;transition:all var(--pm-transition)!important;display:flex;align-items:center;justify-content:center;gap:.625rem}.pm-submit-button:hover{transform:translateY(-3px)!important;box-shadow:0 8px 25px #3b82f680!important}.pm-submit-button:active{transform:translateY(-1px)!important}.pm-submit-button:disabled{background:var(--pm-border)!important;box-shadow:none!important;transform:none!important}.pm-button-arrow{font-size:1.25rem!important;transition:transform var(--pm-transition)}.pm-submit-button:hover .pm-button-arrow{transform:translate(5px)}.pm-button-spinner{color:#fff!important}.pm-back-button{margin-top:1rem!important;color:var(--pm-text-muted)!important;font-weight:500!important;text-transform:none!important;transition:color var(--pm-transition)!important}.pm-back-button:hover{color:var(--pm-text)!important;background:#ffffff0d!important}@media (max-width: 900px){.pm-login-card{grid-template-columns:1fr;max-width:480px;min-height:auto}.pm-login-brand{display:none}.pm-login-form-section{padding:3rem}.pm-form-container{max-width:100%}}@media (max-width: 480px){.pm-login-page{padding:0}.pm-decoration{display:none}.pm-login-card{min-height:100vh;border-radius:0;box-shadow:none;border:none;background:var(--pm-primary-light)}.pm-login-form-section{padding:5rem 1.75rem 2.5rem;align-items:flex-start}.pm-form-title{font-size:1.75rem!important}.pm-form-subtitle{font-size:.9375rem!important}.pm-minimal-input .MuiInputBase-input{padding:14px 16px;font-size:1rem}.pm-submit-button{padding:14px 24px!important}}@media (min-width: 1200px){.pm-login-card{max-width:1100px}.pm-login-form-section{padding:4rem 5rem}.pm-form-container{max-width:400px}}.multi-app-view-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.multi-app-view-container:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(63,81,181,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.multi-app-view-container:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(92,107,192,.08) 0%,transparent 70%);animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.multi-app-card{position:relative;z-index:1;background:#fff;border-top:4px solid transparent;border-image:linear-gradient(135deg,#3f51b5,#5c6bc0);border-image-slice:1}.multi-app-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:4px;background:linear-gradient(135deg,#3f51b5,#5c6bc0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.multi-app-card:hover:before{opacity:.5}@media (max-width: 960px){.multi-app-view-container{padding:2rem 1rem}}@media (max-width: 600px){.multi-app-card{margin-bottom:1rem}}.App{text-align:center;height:100%;width:100%}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#282c34;background-color:#f5f7fa}.MuiDrawer-paper{background-color:#f5f5f5}.MuiListItemButton-root.Mui-selected{background-color:#61dafb33}.MuiListItemButton-root:hover{background-color:#61dafb1a}@media (max-width: 600px){.MuiContainer-root{padding:8px}}