@font-face{font-family:Radjhani-Regular;src:url(/fonts/Rajdhani-Regular.ttf) format("truetype"),url(/fonts/Rajdhani-Regular.woff2) format("woff2"),url(/fonts/Rajdhani-Regular.woff) format("woff");font-weight:400;font-style:normal}:root{--off-white: #e6e6e6;--bg-dark: #000;--bg-input: #1a1a1a;--lt-gray: #4a4a4a;--med-blue: #0099cc;--primary-blue: #00bfff;--accent-orange: #ff9500;--accent-amber: #ffc947;--error-color: #ff6b6b;--error-bg: rgba(255, 107, 107, .1);--success-color: #51cf66;--success-bg: rgba(81, 207, 102, .1);--warning-color: #ff9500;--warning-bg: rgba(255, 149, 0, .1);--info-color: #00bfff;--info-bg: rgba(0, 191, 255, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(51, 102, 153, .3);font-family:Radjhani-Regular,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--off-white);min-width:320px;min-height:100vh}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-container{background-color:var(--bg-dark);border:2px solid var(--primary-blue);border-radius:var(--radius-md);padding:var(--spacing-2xl);width:90%;max-width:450px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal-container-lg{max-width:550px}.modal-container-scrollable{max-height:90vh;overflow-y:auto}.modal-title{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--off-white);font-size:1.5rem;text-align:center}.modal-description{color:var(--off-white);opacity:.7;margin-bottom:var(--spacing-xl);line-height:1.5;text-align:center;font-size:.875rem}.text-center{text-align:center}.text-muted{opacity:.7}.form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{color:var(--off-white);font-size:.875rem;font-weight:500}.form-input{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;background-color:var(--bg-input);color:var(--off-white);border:2px solid var(--lt-gray);border-radius:var(--radius-sm);font-family:Orbitron,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3693}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input.error{border-color:var(--error-color)}.form-input.success{border-color:var(--success-color)}.field-error{color:var(--error-color);font-size:.75rem;margin-top:calc(var(--spacing-sm) * -1)}.field-hint{color:var(--off-white);opacity:.6;font-size:.75rem;margin-top:calc(var(--spacing-sm) * -1)}.message{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);font-size:.875rem;text-align:center;animation:messageSlide .3s ease}.message-error{background-color:var(--error-bg);border:1px solid var(--error-color);color:var(--error-color)}.message-success{background-color:var(--success-bg);border:1px solid var(--success-color);color:var(--success-color)}.message-warning{background-color:var(--warning-bg);border:1px solid var(--warning-color);color:var(--warning-color)}.message-info{background-color:var(--info-bg);border:1px solid var(--info-color);color:var(--info-color)}.btn{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:Orbitron,sans-serif;transition:background-color .2s ease,transform .1s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.btn-primary{background-color:var(--primary-blue);color:var(--off-white)}.btn-primary:hover:not(:disabled){background-color:var(--med-blue)}.btn-secondary{background-color:var(--lt-gray);color:var(--off-white)}.btn-secondary:hover:not(:disabled){background-color:#5a5a5a}.btn-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.btn-group .btn{flex:1}.btn-link{background:none;border:none;color:var(--primary-blue);font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline;font-family:Orbitron,sans-serif;transition:color .2s ease}.btn-link:hover:not(:disabled){color:var(--med-blue)}.btn-link:disabled{opacity:.6;cursor:not-allowed}.info-box{background-color:#3366991a;border:1px solid var(--primary-blue);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);font-size:.875rem;line-height:1.5}.info-box-title{font-weight:600;color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.success-state{text-align:center;padding:var(--spacing-lg) 0}.success-title{color:var(--success-color);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.success-note{color:var(--off-white);opacity:.7;font-size:.875rem;line-height:1.5}.requirements-box{background-color:#3366990d;padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--lt-gray)}.requirements-title{font-weight:600;color:var(--off-white);margin-bottom:var(--spacing-sm);font-size:.9rem}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{color:var(--off-white);opacity:.6;font-size:.875rem;padding:var(--spacing-xs) 0;position:relative;padding-left:1.5rem}.requirements-list li:before{content:"○";position:absolute;left:0;color:var(--lt-gray)}.requirements-list li.valid{color:var(--success-color);opacity:1}.requirements-list li.valid:before{content:"✓";color:var(--success-color);font-weight:700}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}@media(max-width:480px){.modal-container{padding:var(--spacing-xl);max-width:100%;margin:var(--spacing-lg)}.modal-title{font-size:1.25rem}.btn-group{flex-direction:column}.btn-group .btn{width:100%}}.invite-code-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.invite-code-container{background-color:var(--bg-dark);border:2px solid var(--primary-blue);border-radius:8px;padding:32px;width:90%;max-width:450px;box-shadow:0 8px 32px #3366994d;animation:slideUp .3s ease}.invite-code-container h2{margin-top:0;margin-bottom:24px;color:var(--off-white);font-size:1.5rem;text-align:center}.invite-code-form{display:flex;flex-direction:column;gap:20px}.invite-code-input-group{display:flex;flex-direction:column;gap:8px}.invite-code-input-group label{color:var(--off-white);font-size:.875rem;font-weight:500}.invite-code-input-group input{padding:12px 16px;font-size:1rem;background-color:#1a1a1a;color:var(--off-white);border:2px solid var(--lt-gray);border-radius:4px;font-family:Orbitron,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.invite-code-input-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3693}.invite-code-input-group input:disabled{opacity:.6;cursor:not-allowed}.invite-code-input-group input.error{border-color:#ff6b6b}.invite-code-input-group input.success{border-color:#51cf66}.invite-code-message{padding:12px 16px;border-radius:4px;font-size:.875rem;text-align:center;animation:messageSlide .3s ease}@keyframes messageSlide{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.error-message{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b}.success-message{background-color:#51cf661a;border:1px solid #51cf66;color:#51cf66}.invite-code-buttons{display:flex;gap:12px;margin-top:8px}.invite-code-buttons button{flex:1;padding:12px 24px;font-size:1rem;font-weight:500;border-radius:4px;border:none;cursor:pointer;font-family:Orbitron,sans-serif;transition:background-color .2s ease,transform .1s ease}.invite-code-buttons button:active:not(:disabled){transform:scale(.98)}.invite-code-buttons button:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background-color:var(--lt-gray);color:var(--off-white)}.btn-cancel:hover:not(:disabled){background-color:#5a5a5a}.btn-submit{background-color:var(--primary-blue);color:var(--off-white)}.btn-submit:hover:not(:disabled){background-color:var(--med-blue)}.btn-submit:focus,.btn-cancel:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media(max-width:480px){.invite-code-container{padding:24px;max-width:100%;margin:16px}.invite-code-container h2{font-size:1.25rem}.invite-code-buttons{flex-direction:column}.invite-code-buttons button{width:100%}}.user-registration-overlay{overflow-y:auto;padding:var(--spacing-xl)}.user-registration-container{margin:auto}.user-registration-container h2{margin-bottom:var(--spacing-lg)}.invite-code-display{text-align:center;color:var(--off-white);opacity:.7;font-size:.875rem;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm);background-color:#3366991a;border-radius:var(--radius-sm)}.invite-code-display strong{color:var(--primary-blue);font-weight:600}@media(max-width:768px){.user-registration-container{padding:var(--spacing-xl)}.form-row{grid-template-columns:1fr;gap:var(--spacing-xl)}}@media(max-width:480px){.user-registration-overlay{padding:var(--spacing-md)}.user-registration-container{padding:var(--spacing-lg);max-width:100%}.user-registration-container h2{font-size:1.25rem}}.forgot-password-link{margin-top:calc(var(--spacing-xl) * -.5);text-align:right}@media(max-width:480px){.login-container{padding:var(--spacing-xl);max-width:100%;margin:var(--spacing-lg)}.login-container h2{font-size:1.25rem}}@media(max-width:480px){.forgot-password-container{padding:var(--spacing-xl);max-width:100%;margin:var(--spacing-lg)}.forgot-password-container h2{font-size:1.25rem}}.reset-password-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.reset-password-container{background-color:var(--bg-dark);border:2px solid var(--primary-blue);border-radius:var(--radius-md);padding:var(--spacing-2xl);width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.reset-password-container h2{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--off-white);font-size:1.5rem;text-align:center}.reset-password-description{color:var(--off-white);opacity:.7;margin-bottom:var(--spacing-xl);line-height:1.5;text-align:center;font-size:.875rem}.reset-password-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.reset-password-api-error{background-color:var(--error-bg);border:1px solid var(--error-color);color:var(--error-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);font-size:.9rem}.reset-password-input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.reset-password-input-group label{color:var(--off-white);font-size:.875rem;font-weight:500}.reset-password-input-group input{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;background-color:var(--bg-input);color:var(--off-white);border:2px solid var(--lt-gray);border-radius:var(--radius-sm);font-family:Orbitron,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.reset-password-input-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3693}.reset-password-input-group input.error{border-color:var(--error-color)}.reset-password-input-group input:disabled{opacity:.6;cursor:not-allowed}.reset-password-input-group .error-message{color:var(--error-color);font-size:.75rem}.password-requirements{background-color:#3366990d;padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--lt-gray)}.password-requirements .requirements-title{font-weight:600;color:var(--off-white);margin-bottom:var(--spacing-sm);font-size:.9rem}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{color:var(--off-white);opacity:.6;font-size:.875rem;padding:var(--spacing-xs) 0;position:relative;padding-left:1.5rem}.password-requirements li:before{content:"○";position:absolute;left:0;color:var(--lt-gray)}.password-requirements li.valid{color:var(--success-color);opacity:1}.password-requirements li.valid:before{content:"✓";color:var(--success-color);font-weight:700}.reset-password-button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.reset-password-submit-button,.reset-password-cancel-button{flex:1;padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:Orbitron,sans-serif;transition:background-color .2s ease,transform .1s ease}.reset-password-submit-button:active:not(:disabled),.reset-password-cancel-button:active:not(:disabled){transform:scale(.98)}.reset-password-submit-button:disabled,.reset-password-cancel-button:disabled{opacity:.6;cursor:not-allowed}.reset-password-submit-button{background-color:var(--primary-blue);color:var(--off-white)}.reset-password-submit-button:hover:not(:disabled){background-color:var(--med-blue)}.reset-password-cancel-button{background-color:var(--lt-gray);color:var(--off-white)}.reset-password-cancel-button:hover:not(:disabled){background-color:#5a5a5a}.reset-password-submit-button:focus,.reset-password-cancel-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.reset-password-success{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.reset-password-success .success-message{color:var(--success-color);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.reset-password-success .success-note{color:var(--off-white);opacity:.7;font-size:1rem;line-height:1.5}@media(max-width:480px){.reset-password-container{padding:var(--spacing-xl);max-width:100%;margin:var(--spacing-lg)}.reset-password-container h2{font-size:1.25rem}.reset-password-button-group{flex-direction:column}.reset-password-button-group button{width:100%}}.create-project-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out;backdrop-filter:blur(4px)}.create-project-modal{background:linear-gradient(135deg,#1a1a1af2,#28527a33);border:1px solid var(--primary-blue, #336699);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #33669980,0 0 20px #3693;animation:slideUp .3s ease-out;backdrop-filter:blur(10px)}.create-project-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid var(--primary-blue, #336699)}.create-project-header h2{margin:0;font-size:24px;font-weight:600;color:var(--off-white, #f0f0f0)}.close-button{background:none;border:none;font-size:32px;color:var(--off-white, #f0f0f0);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background-color:#3366994d;color:var(--info-color, #4fc3f7)}.close-button:disabled{opacity:.5;cursor:not-allowed}.create-project-form{padding:32px}.form-group{margin-bottom:24px;position:relative}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--off-white, #f0f0f0);font-size:14px}.required{color:var(--error-color, #ff6b6b)}.optional{color:#f0f0f099;font-weight:400;font-size:12px}.form-group input,.form-group textarea{width:100%;padding:12px;background:#1a1a1a99;border:1px solid rgba(51,102,153,.5);border-radius:6px;font-size:16px;font-family:inherit;color:var(--off-white, #f0f0f0);transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue, #336699);box-shadow:0 0 0 3px #3366994d;background:#1a1a1acc}.form-group input.error,.form-group textarea.error{border-color:var(--error-color, #ff6b6b)}.form-group input:disabled,.form-group textarea:disabled{background-color:#1a1a1a66;cursor:not-allowed;opacity:.6}.form-group textarea{resize:vertical;min-height:100px}.character-count{display:block;text-align:right;font-size:12px;color:#f0f0f099;margin-top:4px}.field-error{display:block;color:var(--error-color, #ff6b6b);font-size:13px;margin-top:6px}.error-message{background-color:#ff6b6b1a;border:1px solid var(--error-color, #ff6b6b);color:var(--error-color, #ff6b6b);padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.success-message{text-align:center;padding:60px 32px}.success-icon{width:80px;height:80px;background-color:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 20px;animation:scaleIn .4s ease-out}.success-message p{font-size:18px;color:var(--off-white, #f0f0f0);margin:0}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid var(--primary-blue, #336699)}.btn-cancel,.btn-submit{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#3693;color:var(--off-white, #f0f0f0);border:1px solid var(--primary-blue, #336699)}.btn-cancel:hover:not(:disabled){background:#3366994d;box-shadow:0 0 12px #3696}.btn-submit{background:linear-gradient(135deg,var(--primary-blue, #336699),#4a90e2);color:#fff;border:1px solid var(--primary-blue, #336699)}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#4a90e2,var(--primary-blue, #336699));transform:translateY(-1px);box-shadow:0 4px 12px #33669980}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.create-project-modal{width:95%;max-height:95vh}.create-project-header{padding:20px 24px}.create-project-header h2{font-size:20px}.create-project-form{padding:24px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.client-workflow{width:100%;max-width:1400px;margin:0 auto;padding:40px 20px}.workflow-header{text-align:center;margin-bottom:60px;animation:fadeIn .6s ease}.workflow-header h1{font-size:2.5rem;color:var(--text-light);margin-bottom:12px;font-weight:600;margin-top:0}.workflow-header p{font-size:1.125rem;color:var(--text-gray)}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:40px}@media(max-width:768px){.workflow-steps{grid-template-columns:1fr}}.workflow-card{background:linear-gradient(135deg,var(--bg-dark) 0%,rgba(51,102,153,.1) 100%);border:2px solid var(--primary-blue);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:24px;transition:all .3s ease;animation:slideUp .5s ease;min-height:400px}.workflow-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #3366994d;border-color:var(--primary-blue-light)}.workflow-card.active{border-color:var(--accent-gold);background:linear-gradient(135deg,var(--bg-dark) 0%,rgba(255,215,0,.1) 100%)}.workflow-card.active:hover{box-shadow:0 12px 40px #ffd7004d}.workflow-card.completed{border-color:var(--success-green, #4caf50);opacity:.9}.workflow-card.pending{opacity:.8}.workflow-card-icon{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.workflow-card-icon .icon{font-size:3rem;filter:drop-shadow(0 2px 8px rgba(51,102,153,.4))}.workflow-card-icon .step-number{font-size:.875rem;color:var(--text-gray);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.workflow-card-content{flex:1;display:flex;flex-direction:column;gap:16px}.workflow-card-content h2{font-size:1.75rem;color:var(--text-light);font-weight:600;margin:0}.workflow-card-content p{font-size:1rem;color:var(--text-gray);line-height:1.6;margin:0}.workflow-card-action{margin-top:auto}.workflow-card-action button{width:100%;padding:14px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);color:var(--text-light);box-shadow:0 4px 12px #3366994d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3696;background:linear-gradient(135deg,var(--primary-blue-light) 0%,var(--primary-blue) 100%)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background:var(--primary-blue);color:var(--text-light)}.btn-disabled{background:var(--bg-darker, #1a1a2e);color:var(--text-gray);cursor:not-allowed;opacity:.5}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.workflow-card:nth-child(1){animation-delay:.1s}.workflow-card:nth-child(2){animation-delay:.2s}.workflow-card:nth-child(3){animation-delay:.3s}@media(max-width:768px){.workflow-header h1{font-size:2rem}.workflow-header p{font-size:1rem}.workflow-card{min-height:350px;padding:24px}.workflow-card-content h2{font-size:1.5rem}.workflow-card-icon .icon{font-size:2.5rem}}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--lt-gray),var(--med-blue));color:var(--off-white);border:1px solid var(--primary-blue);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-refresh svg{width:18px;height:18px}.btn-refresh:hover{background:linear-gradient(135deg,var(--med-blue),var(--primary-blue));box-shadow:0 4px 12px #3696;transform:translateY(-2px)}.project-list{width:100%}.project-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-blue)}.project-list-header h2{margin:0;color:var(--off-white);font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:.75rem;align-items:center}.btn-new-project{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;color:#fff;display:flex;align-items:center;gap:.4rem}.btn-new-project:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.project-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.project-card{background:linear-gradient(135deg,#1a1a1ae6,#28527a1a);border:1px solid var(--primary-blue);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(51,102,153,.2),transparent);transition:left .5s ease}.project-card:hover:before{left:100%}.project-card:hover{box-shadow:0 8px 24px #3696;transform:translateY(-4px);border-color:var(--info-color)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.project-card-header h3{margin:0;font-size:1.25rem;color:var(--off-white);flex:1;word-break:break-word;font-weight:600}.project-status{padding:.35rem .85rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;box-shadow:var(--shadow-sm)}.status-active{background:linear-gradient(135deg,#51cf66,#37b24d);color:var(--bg-dark)}.status-on-hold{background:linear-gradient(135deg,#ffa94d,#ff8c00);color:var(--bg-dark)}.status-completed{background:linear-gradient(135deg,#4dabf7,#1c7ed6);color:var(--off-white)}.status-cancelled{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:var(--off-white)}.project-description{color:var(--lt-gray);font-size:.95rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.project-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(51,102,153,.3)}.project-meta{display:flex;flex-direction:column;gap:.25rem}.project-date{font-size:.85rem;color:var(--lt-gray)}.btn-view{padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-blue),var(--info-color));color:var(--off-white);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.btn-view:hover{background:linear-gradient(135deg,var(--info-color),var(--primary-blue));box-shadow:0 4px 12px #4dabf766;transform:translate(4px)}.project-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--lt-gray)}.spinner{width:50px;height:50px;border:4px solid rgba(51,102,153,.2);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.project-list-error p{color:var(--error-color);margin-bottom:1rem}.project-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.project-list-empty h3{color:var(--off-white);margin-bottom:.5rem;font-weight:600}.project-list-empty p{color:var(--lt-gray)}.project-list-empty p{color:#666}.project-details{width:100%}.project-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-blue)}.project-actions{display:flex;gap:1rem}.btn-edit,.btn-delete,.btn-notes,.btn-references{padding:.75rem 1.5rem;border:1px solid;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-notes{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:#a78bfa;color:var(--off-white);position:relative;display:flex;align-items:center;gap:.5rem}.btn-notes:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.notes-badge{background:var(--error-color);color:var(--off-white);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0000004d}.btn-edit{background:linear-gradient(135deg,var(--primary-blue),var(--info-color));border-color:var(--info-color);color:var(--off-white)}.btn-edit:hover{background:linear-gradient(135deg,var(--info-color),var(--primary-blue));box-shadow:0 4px 12px #4dabf766;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#c92a2a,var(--error-color));border-color:var(--error-color);color:var(--off-white)}.btn-delete:hover{background:linear-gradient(135deg,var(--error-color),#c92a2a);box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.btn-delete:disabled{background:#4a4a4a80;border-color:var(--lt-gray);color:#e6e6e666;cursor:not-allowed;box-shadow:none;transform:none}.notes-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.notes-modal{background:#1a1a1af2;border:1px solid rgba(51,102,153,.4);border-radius:var(--radius-lg);padding:2rem;max-width:700px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.notes-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-blue)}.notes-modal-header h2{color:var(--primary-blue);font-size:1.5rem;margin:0}.notes-modal-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.notes-modal-content::-webkit-scrollbar{width:8px}.notes-modal-content::-webkit-scrollbar-track{background:#4a4a4a4d;border-radius:4px}.notes-modal-content::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}.notes-modal-content::-webkit-scrollbar-thumb:hover{background:var(--info-color)}.loading-notes,.no-notes{text-align:center;color:var(--lt-gray);padding:2rem;font-style:italic}.project-details-content{background:#1a1a1a99;border:1px solid rgba(51,102,153,.3);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(10px)}.success-message{padding:1rem 1.5rem;background:var(--success-bg);border:1px solid var(--success-color);border-radius:var(--radius-md);margin-bottom:1.5rem;text-align:center;color:var(--success-color);font-weight:500;box-shadow:0 4px 12px #51cf6633}.project-view{padding:1rem 0}.project-header-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.project-header-info h1{margin:0;font-size:2rem;color:var(--off-white);font-weight:600}.project-status-badge{padding:.6rem 1.2rem;border-radius:var(--radius-lg);font-size:.85rem;font-weight:600;text-transform:uppercase;box-shadow:var(--shadow-md)}.project-section{margin-bottom:2rem}.project-section h3{color:var(--info-color);font-size:1.25rem;margin-bottom:1rem;font-weight:600;border-bottom:1px solid rgba(51,102,153,.3);padding-bottom:.5rem}.project-section p{color:var(--off-white);line-height:1.6;margin:0}.project-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:var(--lt-gray);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.info-item span{color:var(--off-white);font-size:1rem}.project-edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--off-white);font-weight:500;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--primary-blue);border-radius:var(--radius-md);color:var(--off-white);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--info-color);box-shadow:0 0 0 3px #4dabf733}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.project-notes-section{margin-top:2rem;padding:1.5rem;background:#1e1e1e66;border:1px solid rgba(51,102,153,.3);border-radius:var(--radius-md)}.project-notes-section h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.2rem}.add-note-form{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.note-textarea{width:100%;padding:.75rem;background:#12121299;border:1px solid rgba(51,102,153,.3);border-radius:var(--radius-sm);color:var(--off-white);font-family:inherit;font-size:.95rem;resize:vertical;transition:all .3s ease}.note-textarea:focus{outline:none;border-color:var(--primary-blue);background:#121212cc;box-shadow:0 0 0 3px #3366991a}.note-textarea::placeholder{color:var(--lt-gray)}.btn-add-note{align-self:flex-start;padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--primary-blue),var(--info-color));border:1px solid var(--info-color);border-radius:var(--radius-sm);color:var(--off-white);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-add-note:hover:not(:disabled){background:linear-gradient(135deg,var(--info-color),var(--primary-blue));box-shadow:0 4px 12px #4dabf766;transform:translateY(-2px)}.btn-add-note:disabled{opacity:.5;cursor:not-allowed}.notes-list{display:flex;flex-direction:column;gap:1rem}.notes-loading,.no-notes{text-align:center;color:var(--lt-gray);padding:2rem;font-style:italic}.note-item{padding:1rem;background:#12121280;border:1px solid rgba(51,102,153,.2);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:all .3s ease}.note-item:hover{border-color:#3696;background:#121212b3}.note-content{flex:1}.note-content p{color:var(--off-white);margin:0 0 .5rem;line-height:1.6;white-space:pre-wrap}.note-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--lt-gray)}.note-author{font-weight:500;color:var(--info-color)}.note-date{color:var(--lt-gray)}.note-updated{color:var(--success-color);font-style:italic}.note-actions{display:flex;gap:.5rem}.btn-edit-note,.btn-delete-note{padding:.4rem .6rem;background:#3693;border:1px solid rgba(51,102,153,.3);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-edit-note:hover:not(:disabled){background:#4dabf74d;border-color:var(--info-color);transform:scale(1.1)}.btn-delete-note:hover:not(:disabled){background:#ef44444d;border-color:var(--error-color);transform:scale(1.1)}.btn-edit-note:disabled,.btn-delete-note:disabled{opacity:.5;cursor:not-allowed}.note-edit-form{width:100%;display:flex;flex-direction:column;gap:.75rem}.note-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-save-note,.btn-cancel-note{padding:.5rem 1rem;border:1px solid;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.btn-save-note{background:linear-gradient(135deg,var(--primary-blue),var(--info-color));border-color:var(--info-color);color:var(--off-white)}.btn-save-note:hover:not(:disabled){background:linear-gradient(135deg,var(--info-color),var(--primary-blue));box-shadow:0 4px 12px #4dabf766}.btn-save-note:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-note{background:#4a4a4a80;border-color:var(--lt-gray);color:var(--off-white)}.btn-cancel-note:hover:not(:disabled){background:#4a4a4acc}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(51,102,153,.3)}.btn-cancel,.btn-save{padding:.75rem 1.5rem;border:1px solid;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.btn-cancel{background:#4a4a4a80;border-color:var(--lt-gray);color:var(--off-white)}.btn-cancel:hover{background:#4a4a4acc;box-shadow:var(--shadow-md)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{background:linear-gradient(135deg,var(--primary-blue),var(--info-color));border-color:var(--info-color);color:var(--off-white);box-shadow:var(--shadow-sm)}.btn-save:hover{background:linear-gradient(135deg,var(--info-color),var(--primary-blue));box-shadow:0 4px 12px #4dabf766;transform:translateY(-2px)}.btn-save:disabled{background:#3366994d;border-color:#33669980;cursor:not-allowed;box-shadow:none;transform:none}.btn-references{padding:.75rem 1.5rem;border:1px solid;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-color:#06b6d4;color:var(--off-white);position:relative;display:flex;align-items:center;gap:.5rem}.btn-references:hover{background:linear-gradient(135deg,#06b6d4,#0ea5e9);box-shadow:0 4px 12px #06b6d466;transform:translateY(-2px)}.references-badge{background:var(--error-color);color:var(--off-white);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0000004d}.references-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.references-modal{background:#1a1a1af2;border:1px solid rgba(51,102,153,.4);border-radius:var(--radius-lg);padding:2rem;max-width:700px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.references-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-blue)}.references-modal-header h2{color:var(--primary-blue);font-size:1.5rem;margin:0}.references-modal-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.references-modal-content::-webkit-scrollbar{width:8px}.references-modal-content::-webkit-scrollbar-track{background:#4a4a4a4d;border-radius:4px}.references-modal-content::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}.references-modal-content::-webkit-scrollbar-thumb:hover{background:var(--info-color)}.add-reference-form{margin-bottom:0;padding-bottom:1.5rem;border-bottom:1px solid rgba(51,102,153,.3)}.add-reference-form h3{margin:0 0 1rem;color:var(--off-white);font-size:1.1rem}.reference-form-group{display:flex;flex-direction:column;gap:.75rem}.reference-input{padding:.75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--off-white);font-size:.95rem;transition:border-color .3s ease}.reference-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4dabf71a}.reference-input:disabled{background:#4a4a4a4d;color:#e6e6e680;cursor:not-allowed}.btn-add-reference{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669;border-radius:var(--radius-md);color:var(--off-white);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-add-reference:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-add-reference:disabled{background:#4a4a4a80;border-color:var(--lt-gray);color:#e6e6e666;cursor:not-allowed;box-shadow:none}.references-list{display:flex;flex-direction:column;gap:1rem}.references-list h3{margin:0 0 .5rem;color:var(--off-white);font-size:1.1rem}.references-loading,.no-references{text-align:center;color:var(--lt-gray);padding:2rem;font-style:italic}.reference-item{padding:1rem;background:#12121280;border:1px solid rgba(51,102,153,.2);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:all .3s ease}.reference-item:hover{border-color:#3696;background:#121212b3}.reference-content{flex:1}.reference-content h4{margin:0 0 .5rem;font-size:1.05rem;color:var(--off-white)}.reference-link{color:var(--primary-blue);text-decoration:none;transition:all .3s ease;word-break:break-word}.reference-link:hover{color:var(--info-color);text-decoration:underline}.reference-url{margin:.5rem 0;color:var(--lt-gray);font-size:.9rem;word-break:break-all;font-family:monospace}.reference-meta{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--lt-gray)}.reference-date,.reference-updated{display:flex;align-items:center;gap:.25rem;color:var(--lt-gray)}.reference-updated{color:var(--success-color);font-style:italic}.reference-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-edit-reference,.btn-delete-reference{padding:.4rem .6rem;background:#3693;border:1px solid rgba(51,102,153,.3);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-edit-reference:hover:not(:disabled){background:#4dabf74d;border-color:var(--info-color);transform:scale(1.1)}.btn-delete-reference:hover:not(:disabled){background:#ef44444d;border-color:var(--error-color);transform:scale(1.1)}.btn-edit-reference:disabled,.btn-delete-reference:disabled{opacity:.5;cursor:not-allowed}.reference-edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.reference-edit-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-save-reference,.btn-cancel-reference{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.btn-save-reference{background:linear-gradient(135deg,var(--primary-blue),var(--info-color));border-color:var(--info-color);color:var(--off-white)}.btn-save-reference:hover:not(:disabled){background:linear-gradient(135deg,var(--info-color),var(--primary-blue));box-shadow:0 4px 12px #4dabf766}.btn-cancel-reference{background:#4a4a4a80;border-color:var(--lt-gray);color:var(--off-white)}.btn-cancel-reference:hover:not(:disabled){background:#4a4a4acc}.btn-save-reference:disabled,.btn-cancel-reference:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:1rem 1.5rem;background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-md);margin-bottom:1.5rem;text-align:center;color:var(--error-color);font-weight:500;box-shadow:0 4px 12px #ff6b6b33}@media(max-width:768px){.references-modal{width:95%;max-height:90vh}.references-modal-header,.references-modal-content{padding:1rem}.reference-form-group{gap:.5rem}.btn-add-reference{width:100%}.reference-item{flex-direction:column}.reference-actions{width:100%;justify-content:flex-end}.reference-edit-actions{flex-direction:column}.btn-save-reference,.btn-cancel-reference{width:100%}}.manage-projects{padding:2rem;max-width:1400px;margin:0 auto;min-width:65vw}.manage-projects-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.manage-projects-header h1{flex:1;margin:0;font-size:2rem;color:var(--off-white);font-weight:600}.btn-back{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--lt-gray),var(--med-blue));color:var(--off-white);border:1px solid var(--primary-blue);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-back:hover{background:linear-gradient(135deg,var(--med-blue),var(--primary-blue));box-shadow:0 4px 12px #3696;transform:translateY(-2px)}.manage-projects-content{background:#1a1a1acc;border:1px solid var(--primary-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem;backdrop-filter:blur(10px)}.invite-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.invite-modal{background:#1a1a1af2;border:1px solid rgba(51,102,153,.4);border-radius:var(--radius-lg);padding:2rem;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.invite-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-blue)}.invite-modal-header h2{color:var(--primary-blue);font-size:1.5rem;margin:0}.btn-close-modal{background:transparent;border:none;color:var(--lt-gray);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:all .2s ease;border-radius:var(--radius-sm)}.btn-close-modal:hover{color:var(--off-white);background:#ffffff1a;transform:scale(1.1)}.invite-modal-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.invite-modal-content::-webkit-scrollbar{width:8px}.invite-modal-content::-webkit-scrollbar-track{background:#4a4a4a4d;border-radius:4px}.invite-modal-content::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}.invite-modal-content::-webkit-scrollbar-thumb:hover{background:var(--info-color)}.invite-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-weight:500;color:var(--off-white);font-size:.95rem}.form-group .required{color:var(--error-color)}.form-group .optional{color:var(--lt-gray);font-weight:400;font-size:.875rem}.invite-input,.invite-textarea{padding:.75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--off-white);font-size:.95rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.invite-input::placeholder,.invite-textarea::placeholder{color:var(--lt-gray);opacity:.7}.invite-input:focus,.invite-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4dabf71a}.invite-input:disabled,.invite-textarea:disabled{background:#4a4a4a4d;color:#e6e6e680;cursor:not-allowed}.invite-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-cancel,.btn-send-invite{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.btn-cancel{background:linear-gradient(135deg,var(--lt-gray),#5a5a5a);border:1px solid var(--lt-gray);color:var(--off-white)}.btn-cancel:hover:not(:disabled){background:linear-gradient(135deg,#5a5a5a,var(--lt-gray));box-shadow:0 4px 12px #4a4a4a66;transform:translateY(-2px)}.btn-send-invite{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669;color:var(--off-white)}.btn-send-invite:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-cancel:disabled,.btn-send-invite:disabled{background:#4a4a4a80;border-color:var(--lt-gray);color:#e6e6e666;cursor:not-allowed;box-shadow:none;transform:none}.error-message{padding:.75rem 1rem;background:#dc35451a;color:var(--error-color);border:1px solid rgba(220,53,69,.3);border-radius:var(--radius-sm);font-size:.9rem;text-align:left}.success-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);color:var(--off-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;animation:scaleIn .3s ease-out;box-shadow:0 4px 12px #10b9814d}.success-message p{margin:0;font-size:1.125rem;color:var(--off-white)}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(230,230,230,.3);border-radius:50%;border-top-color:var(--off-white);animation:spin .6s linear infinite}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:600px){.invite-modal{width:95%;max-width:none;padding:1.5rem}.invite-modal-header{padding-bottom:.75rem;margin-bottom:1rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-send-invite{width:100%;justify-content:center}}.users-list{width:100%}.users-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--primary-blue)}.users-count{display:flex;align-items:baseline;gap:.5rem}.count-number{font-size:2rem;font-weight:700;color:var(--primary-blue)}.count-label{font-size:1rem;color:var(--off-white);opacity:.8}.users-list-actions{display:flex;gap:.75rem;align-items:center}.btn-invite{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#28a745,#20c997);color:var(--off-white);border:1px solid #28a745;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-invite svg{width:18px;height:18px}.btn-invite:hover{background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.user-card{background:#3339;border:1px solid var(--primary-blue);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.user-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #3366994d;border-color:var(--med-blue)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(51,102,153,.3)}.user-info h3{margin:0 0 .25rem;color:var(--off-white);font-size:1.25rem;font-weight:600}.user-email{margin:0;color:var(--off-white);opacity:.7;font-size:.9rem}.user-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.user-roles-container{flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.user-role,.user-status{padding:.25rem .75rem;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-role{background:#3366994d;color:var(--primary-blue);border:1px solid var(--primary-blue)}.role-admin{background:#cc33334d;color:#f66;border-color:#c33}.role-user{background:#3399664d;color:#6c9;border-color:#396}.role-client{background:#9966cc4d;color:#96c;border-color:#639}.user-status{background:#6666664d;color:var(--off-white);border:1px solid var(--lt-gray)}.status-active{background:#3399664d;color:#6c9;border-color:#396}.status-inactive{background:#9933334d;color:#c66;border-color:#933}.status-pending{background:#cc99334d;color:#fc6;border-color:#c93}.user-card-body{margin-top:1rem}.user-details{display:flex;flex-direction:column;gap:.75rem}.user-detail{display:flex;justify-content:space-between;align-items:center}.detail-label{color:var(--off-white);opacity:.7;font-size:.9rem;font-weight:500}.detail-value{color:var(--off-white);font-size:.95rem;font-weight:600}.invite-code{font-family:Courier New,monospace;background:#3693;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--primary-blue)}.users-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--off-white)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(51,102,153,.3);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.users-list-loading p{font-size:1.1rem;opacity:.8}.users-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.users-list-error h3{color:var(--off-white);margin:0 0 .5rem;font-size:1.5rem}.users-list-error p{color:var(--off-white);opacity:.8;margin:0 0 1.5rem;font-size:1rem}.btn-retry{padding:.75rem 2rem;background:linear-gradient(135deg,var(--lt-gray),var(--med-blue));color:var(--off-white);border:1px solid var(--primary-blue);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-retry:hover{background:linear-gradient(135deg,var(--med-blue),var(--primary-blue));box-shadow:0 4px 12px #3696;transform:translateY(-2px)}.users-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{width:80px;height:80px;margin-bottom:1.5rem;opacity:.5}.empty-icon svg{width:100%;height:100%;stroke:var(--primary-blue)}.users-list-empty h3{color:var(--off-white);margin:0 0 .5rem;font-size:1.5rem}.users-list-empty p{color:var(--off-white);opacity:.8;margin:0;font-size:1rem}@media(max-width:1200px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.users-grid{grid-template-columns:1fr}.users-list-header{flex-direction:column;gap:1rem;align-items:flex-start}.btn-refresh{width:100%;justify-content:center}}.manage-users{padding:2rem;max-width:1400px;margin:0 auto;min-width:65vw}.manage-users-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.manage-users-header h1{flex:1;margin:0;font-size:2rem;color:var(--off-white);font-weight:600}.manage-users-content{background:#1a1a1acc;border:1px solid var(--primary-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem;backdrop-filter:blur(10px)}.admin-dashboard-header{display:none;justify-content:space-between;align-items:center;background:#1a1a1a66;backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:var(--radius-md);border:1px solid rgba(51,102,153,.2);box-shadow:0 2px 8px #0000004d;margin-bottom:2rem;gap:2rem}.admin-dashboard-header h2{flex:1;margin:0;color:#fff;text-align:center;font-size:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.admin-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin:0 auto;max-width:1400px}.admin-card{background:linear-gradient(135deg,var(--bg-dark) 0%,rgba(51,102,153,.1) 100%);border:2px solid var(--primary-blue);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:24px;cursor:pointer;transition:all .3s ease;min-height:300px}.admin-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #3366994d;border-color:var(--primary-blue-light, #4a90e2)}.admin-card-icon{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.admin-card-icon .icon{font-size:3rem;filter:drop-shadow(0 2px 8px rgba(51,102,153,.4))}.admin-card-content{flex:1;display:flex;flex-direction:column;gap:16px;text-align:center}.admin-card-content h2{font-size:1.75rem;color:var(--off-white);font-weight:600;margin:0}.admin-card-content p{font-size:1rem;color:var(--off-white);opacity:.7;line-height:1.6;margin:0}@media(max-width:768px){.admin-dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.admin-dashboard-header h2{font-size:1.5rem}.admin-cards-grid{grid-template-columns:1fr}.admin-card{padding:24px;min-height:250px}}.app-footer{background:#1a1a1a99;backdrop-filter:blur(10px);border-top:1px solid rgba(51,102,153,.3);padding:1.5rem 2rem;margin-top:auto;box-shadow:0 -2px 8px #0003}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-content p{margin:0;color:#f0f0f0b3;font-size:.875rem;letter-spacing:.5px}@media(max-width:768px){.app-footer{padding:1rem}.footer-content p{font-size:.8rem}}.user-dashboard{min-height:100vh;background:linear-gradient(227deg,#0e1115,#00050d);display:flex;flex-direction:column}.user-dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a66;backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:var(--radius-md);border:1px solid rgba(51,102,153,.2);box-shadow:0 2px 8px #0000004d;margin-bottom:2rem;gap:2rem}.header-logo-section{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.dashboard-logo{height:50px;width:auto;filter:drop-shadow(0 2px 8px rgba(51,102,153,.4));transition:all .3s ease}.dashboard-logo:hover{filter:drop-shadow(0 4px 12px rgba(51,102,153,.6));transform:scale(1.02)}.logo-divider{width:2px;height:40px;background:linear-gradient(to bottom,transparent,var(--primary-blue, #336699),transparent);box-shadow:0 0 8px #3696}.user-info{flex:1;min-width:0}.user-info h1{margin:0 0 .25rem;color:var(--off-white);font-size:1.5rem;font-weight:500}.user-email{margin:0;color:var(--off-white);font-size:.85rem}.btn-logout{padding:.6rem 1.2rem;background:#4a4a4a80;color:var(--off-white);border:1px solid var(--lt-gray);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-logout:hover{background:#4a4a4acc;border-color:var(--primary-blue);box-shadow:0 2px 8px #3366994d}.user-dashboard-content{max-width:1200px;margin:0 auto;flex:1}.user-dashboard-content h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.role-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:0 auto}.role-card{background:#f2f2f2;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3182ce,#2c5282);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.role-card:hover:before{transform:scaleX(1)}.role-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.role-card:focus{outline:2px solid #3182ce;outline-offset:2px}.role-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.role-name{font-size:1.5rem;color:#333;margin:0 0 .75rem;text-align:center}.role-description{color:#666;font-size:.95rem;text-align:center;margin:0;line-height:1.5}.role-arrow{position:absolute;bottom:1rem;right:1rem;font-size:1.5rem;color:#3182ce;opacity:0;transform:translate(-10px);transition:all .3s ease}.role-card:hover .role-arrow{opacity:1;transform:translate(0)}.no-roles-message{background:#fffffff2;padding:3rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a}.no-roles-message p{margin:.5rem 0;color:#666;font-size:1.1rem}.no-roles-message p:first-child{font-size:1.3rem;color:#333;font-weight:500}@media(max-width:768px){.user-dashboard{padding:1rem}.user-dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.header-logo-section{width:100%;justify-content:center}.logo-divider{display:none}.dashboard-logo{height:40px}.user-info{text-align:center}.user-info h1{font-size:1.3rem}.user-email{font-size:.8rem}.btn-logout{width:100%}.role-cards-container{grid-template-columns:1fr}.user-dashboard-content h2{font-size:1.5rem}}.notification-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-modal{background-color:var(--bg-dark);border:2px solid var(--primary-blue);border-radius:var(--radius-md);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);text-align:center;max-width:400px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-modal-title{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--off-white);font-family:Orbitron,sans-serif}.notification-modal-message{font-size:1rem;margin-bottom:var(--spacing-xl);color:var(--off-white);opacity:.9;line-height:1.5}.notification-modal-close{background-color:var(--primary-blue);color:var(--off-white);border:none;border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:500;cursor:pointer;font-family:Orbitron,sans-serif;transition:background-color .2s ease,transform .1s ease}.notification-modal-close:hover{background-color:var(--med-blue)}.notification-modal-close:active{transform:scale(.98)}.notification-modal-close:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.notification-error{border-color:var(--error-color)}.notification-error .notification-modal-title{color:var(--error-color)}.notification-success{border-color:var(--success-color)}.notification-success .notification-modal-title{color:var(--success-color)}.notification-info{border-color:var(--info-color)}.notification-info .notification-modal-title{color:var(--info-color)}.notification-warning{border-color:var(--warning-color)}.notification-warning .notification-modal-title{color:var(--warning-color)}.hidden{display:none}.jmcs-dashboard-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding-bottom:100px;cursor:pointer}.jmcs-dashboard-text{position:fixed;bottom:70px;right:20px;margin-top:0;font-size:1.25rem;color:var(--off-white);opacity:.8;background-color:var(--bg-dark);padding:8px 12px;border-radius:4px;border:1px solid var(--primary-blue);z-index:10}.jmcs-dashboard-button-container{position:fixed;bottom:20px;right:20px;display:flex;gap:16px}.jmcs-dashboard-button{padding:12px 24px;margin:0;background-color:var(--lt-gray);color:var(--off-white);border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:background-color .2s ease}.jmcs-dashboard-button:hover{background-color:var(--med-blue)}.jmcs-dashboard-button:focus{outline:2px solid var(--med-blue);outline-offset:2px}.jmcs-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;color:var(--text-light);background-color:var(--bg-dark)}.jmcs-error-container h2{margin-bottom:1rem;color:#ff6b6b}.jmcs-error-container p{color:var(--off-white);opacity:.8}@media(max-width:768px){.jmcs-dashboard-button-container{flex-direction:column;gap:8px;bottom:10px;right:10px}.jmcs-dashboard-button{padding:10px 16px;font-size:.875rem}}@media(max-width:480px){.jmcs-dashboard-button-container{left:10px;right:10px;flex-direction:row;justify-content:space-between}.jmcs-dashboard-button{flex:1;text-align:center}}@media(max-width:768px){.jmcs-dashboard-text{bottom:80px;right:10px}}@media(max-width:480px){.jmcs-dashboard-text{left:10px;right:10px;bottom:60px;text-align:center}}