*,:after,:before{box-sizing:border-box}body{background:#f8fafc;color:#1e293b;font-family:TASA\+Explorer,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9375rem;line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0}p{margin:0 0 1rem}a{color:#6dca73;text-decoration:none;transition:color .2s}a:hover{color:#4c8d50}button,input,select,textarea{font-family:inherit}h1{font-size:1.5rem}h1,h2{color:#1e293b}h2{font-size:1.125rem}h3{font-size:1.1rem}h3,h4{color:#1e293b}h4{font-size:.9375rem}label{color:#64748b;display:block;font-weight:500;margin-bottom:.5rem}.help-text{color:#64748b;font-size:.8125rem;margin-top:.25rem}.app-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.app-header h1{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0}.header-actions{gap:1rem}.header-actions,.user-profile{align-items:center;display:flex}.user-profile{gap:.5rem}.profile-photo-small{border:2px solid hsla(0,0%,100%,.5);border-radius:5px;height:32px;object-fit:cover;width:32px}.container{margin:0 auto;max-width:1200px;padding:2rem}.container-sm{max-width:800px}.container-md{max-width:1000px}.breadcrumb{margin-bottom:1rem}.breadcrumb a{color:#6dca73;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.btn,.btn-clear,.btn-danger,.btn-generate,.btn-header,.btn-primary,.btn-secondary,.btn-success{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.5;padding:.5rem 1rem;padding-block:.5rem;padding-inline:1rem;text-align:center;text-decoration:none;transition:all .2s;vertical-align:middle}.btn-primary{background:#6dca73;color:#fff}.btn-primary:hover{background:#4c8d50;color:#fff}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;color:#fff}.btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#1e293b}.btn-secondary:hover{background:#e6edf4;color:#1e293b}.btn-header{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.5);color:#fff}.btn-header:hover{background:hsla(0,0%,100%,.3);color:#fff}.btn-generate{background:#10b981;color:#fff;padding:.75rem 1.5rem;white-space:nowrap}.btn-generate:hover{background:#059669}.btn-clear{background:#ef4444;color:#fff;padding:.75rem 1.5rem;white-space:nowrap}.btn-clear:hover{background:#dc2626;color:#fff}.form-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:1.5rem;padding:2rem}.form-card h2{margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-actions{margin-top:2rem}input[type=email],input[type=file],input[type=password],input[type=text],select,textarea{border:1px solid #e2e8f0;border-radius:5px;box-sizing:border-box;font-size:.9375rem;padding:.75rem;width:100%}input[type=email]:focus,input[type=file]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#6dca73;box-shadow:0 0 0 3px rgba(109,202,115,.1);outline:none}input[type=color]{border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;height:40px;width:60px}.variable-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 5px 5px;border-top:none;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;left:0;margin-top:-1px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.variable-dropdown .variable-dropdown-item{border-bottom:1px solid #f3f5f9;cursor:pointer;padding:.75rem;transition:background-color .15s ease}.variable-dropdown .variable-dropdown-item:last-child{border-bottom:none}.variable-dropdown .variable-dropdown-item.active,.variable-dropdown .variable-dropdown-item:hover{background-color:#f3f5f9}.variable-dropdown .variable-dropdown-item.no-results{color:#64748b;cursor:default;font-style:italic}.variable-dropdown .variable-dropdown-item.no-results:hover{background-color:transparent}.variable-dropdown .variable-dropdown-item .variable-item-content{align-items:center;display:flex;gap:.75rem}.variable-dropdown .variable-dropdown-item .variable-color-preview{border:1px solid rgba(0,0,0,.1);border-radius:4px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2);display:inline-block;flex-shrink:0;height:24px;width:24px}.variable-dropdown .variable-dropdown-item .variable-info{flex:1;min-width:0}.variable-dropdown .variable-dropdown-item .variable-name{color:#1e293b;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.variable-dropdown .variable-dropdown-item .variable-value{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}#alias-value-field-container,#value-field-container{position:relative}.alert{border-radius:5px;margin-bottom:1rem;padding:1rem}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.status-new{background:#dbeafe;color:#1e40af}.status-in_progress{background:#fef3c7;color:#b45309}.status-test{background:#ede9fe;color:#6d28d9}.status-finished{background:#d1fae5;color:#065f46}.status-archived{background:#f1f5f9;color:#475569}.loading-overlay{align-items:center;background:rgba(0,0,0,.7);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-overlay.active{display:flex}.loading-content{background:#fff;border-radius:15px;max-width:400px;padding:3rem;text-align:center}.loading-spinner{background:url(/build/images/color-machine-mixer-progress.3cc1b93b.gif) no-repeat 50%;background-size:contain;border-radius:6px;height:120px;margin:0 auto 1.5rem;width:120px}.loading-text{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.loading-subtext{color:#64748b;font-size:.875rem}.ai-icon{animation:pulse 2s ease-in-out infinite;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.color-section{background:#f9f9f9;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.color-section h3{font-size:1.1rem;margin-bottom:1rem;margin-top:0}.color-input-group{align-items:flex-end;display:flex;gap:1rem}.color-input-wrapper{flex:1}.color-palette{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:1rem}.color-swatch{background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:.5rem;text-align:center}.color-box{border-radius:5px;height:60px;margin-bottom:.5rem;width:100%}.color-label{color:#64748b;font-size:.75rem;font-weight:600}.color-value{color:#94a3b8;font-family:monospace;font-size:.7rem}.color-swatches{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(75px,1fr))}.color-group{margin-bottom:2rem}.color-group:last-child{margin-bottom:0}.color-group h4{color:#6dca73;margin:0 0 1rem}.color-palette-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.color-palette-section h3{margin:0 0 1.5rem}.property-color-preview{border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2);display:inline-block;flex-shrink:0;height:20px;width:20px}.tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.25rem;margin-bottom:1.5rem}.tab-button{background:none;border:none;border-bottom:3px solid transparent;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .2s}.tab-button:hover{background:rgba(109,202,115,.05);color:#6dca73}.tab-button.active{border-bottom-color:#6dca73;color:#6dca73}.tab-content{animation:fadeIn .3s ease-in;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal{align-items:center;background:rgba(0,0,0,.5);display:none!important;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal.active{display:flex!important}.modal-content{animation:modalFadeIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:#1e293b;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:5px;color:#64748b;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:rgba(109,202,115,.1);color:#6dca73}.modal-body{padding:2rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions .btn{flex:1;max-width:200px}.form-actions .btn.btn-secondary{flex:.5;max-width:120px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h2{margin:0}.projects-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:inherit;cursor:pointer;display:block;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.project-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-4px)}.project-card h3{color:#6dca73;margin:0 0 .5rem}.project-info{color:#64748b;font-size:.875rem;margin-bottom:.5rem}.project-info strong{color:#1e293b}.project-header{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.project-title{align-items:center;align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.project-title h2{margin:0}.project-actions{display:flex;gap:.5rem}.project-meta{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{color:#64748b}.meta-item strong{color:#1e293b;display:block;margin-bottom:.25rem}.properties-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.properties-section h3{margin:0 0 1rem}.empty-properties{color:#94a3b8;padding:2rem;text-align:center}.empty-state{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:2rem;text-align:center}.empty-state h3{color:#64748b;margin-bottom:1rem}.profile-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:1.5rem;padding:2rem}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile-header h2{margin:0}.profile-info{display:grid;gap:1rem;grid-template-columns:150px 1fr;margin-bottom:1rem}.profile-label{color:#64748b;font-weight:600}.profile-value{color:#1e293b}.profile-value.empty{color:#94a3b8;font-style:italic}.profile-photo-section{margin-bottom:2rem;text-align:center}.profile-photo{border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:150px;margin-bottom:1rem;object-fit:cover;width:150px}.delete-photo-btn{background:#ef4444;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.delete-photo-btn:hover{background:#dc2626}.role-badge{border-radius:20px;display:inline-block;font-size:.8125rem;font-weight:600;margin-right:.5rem;padding:.25rem .75rem}.role-badge.role-admin{background:#fee2e2;color:#991b1b}.role-badge.role-advanced{background:#fef3c7;color:#b45309}.role-badge.role-user{background:#d1fae5;color:#065f46}body.security-page{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);background-image:url(/build/images/color-machine-back.7c84ba4f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:TASA\+Explorer,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh}.login-container,.reset-container{background:#fff;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:400px;padding:2rem;width:100%}.login-container h1,.reset-container h1{color:#1e293b;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 1.5rem;text-align:center}.login-container .subtitle,.reset-container .subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.login-container .form-group,.reset-container .form-group{margin-bottom:1.25rem}.login-container label,.reset-container label{color:#64748b;display:block;font-weight:500;margin-bottom:.5rem}.login-container input[type=email],.login-container input[type=password],.reset-container input[type=email],.reset-container input[type=password]{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.login-container input[type=email]:focus,.login-container input[type=password]:focus,.reset-container input[type=email]:focus,.reset-container input[type=password]:focus{border-color:#6dca73;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.login-container button[type=submit],.reset-container button[type=submit]{background:#6dca73;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s;width:100%}.login-container button[type=submit]:hover,.reset-container button[type=submit]:hover{background:#4c8d50;transform:translateY(-1px)}.login-container button[type=submit]:active,.reset-container button[type=submit]:active{transform:translateY(0)}.login-container .alert,.reset-container .alert{background-color:#fee;border:1px solid #fcc;border-radius:5px;color:#c33;margin-bottom:1rem;padding:.75rem}.login-container .alert-success,.reset-container .alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.login-container .alert-error,.reset-container .alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.login-container .back-to-login,.login-container .password-reset-link,.reset-container .back-to-login,.reset-container .password-reset-link{margin-top:1rem;text-align:center}.login-container .back-to-login a,.login-container .password-reset-link a,.reset-container .back-to-login a,.reset-container .password-reset-link a{color:#6dca73;font-size:.9rem;text-decoration:none}.login-container .back-to-login a:hover,.login-container .password-reset-link a:hover,.reset-container .back-to-login a:hover,.reset-container .password-reset-link a:hover{text-decoration:underline}.login-container .password-requirements,.reset-container .password-requirements{color:#666;font-size:.85rem;margin-top:.25rem}.reset-container h1{margin:0 0 .5rem}.email-container{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:600px;padding:20px}.email-container .button{background:#6dca73;border-radius:5px;color:#fff;display:inline-block;margin:20px 0;padding:12px 24px;text-decoration:none}.email-container .footer{border-top:1px solid #ddd;color:#666;font-size:.9rem;margin-top:30px;padding-top:20px}.email-container .reset-url{color:#6dca73;word-break:break-all}.bg-primary{background-color:#6dca73!important}