html,body{height:100%;margin:0;padding:0;overflow:hidden}.signup-container{background-image:url(/assets/back_login-BcuOE5CQ.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Arial,sans-serif;display:flex;position:relative;overflow:hidden}.icon_signup{color:#b91c1c}.signup-container:before{content:"";z-index:0;background:#862203a6;position:absolute;inset:0}.signup-card{z-index:1;background:#fff;border-radius:14px;width:100%;max-width:420px;padding:30px;position:relative;box-shadow:0 15px 35px #0000001a}.signup-title{text-align:center;color:#1f2937;margin-bottom:20px;font-size:26px;font-weight:700}.logo-wrapper{justify-content:center;margin-bottom:10px;display:flex}.logo{object-fit:contain;width:120px;height:120px}.alert{font-size:90px}.input-group input{border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:12px;transition:all .2s}.password-wrapper input{width:100%}.toggle-eye{cursor:pointer;color:#6b7280;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.button_create{color:#fff;cursor:pointer;background:#ed510e;border:none;border-radius:8px;width:100%;padding:12px;font-weight:700;transition:all .2s}.button_create:hover{background:#000}.button_create:disabled{cursor:not-allowed;background:#000}.alert{border-radius:8px;margin-bottom:10px;padding:10px;font-size:13px}.alert-success{color:#047857;background:#ecfdf5}.icon{margin-right:6px}@media (width<=480px){.signup-card{border-radius:12px;padding:20px}.signup-title{font-size:22px}.input-group input,.button_create{padding:10px}}.login-container{background-image:url(/assets/back_login-BcuOE5CQ.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:#862203a6;position:absolute;inset:0}.login-card{z-index:1;background:#fff;border-radius:14px;width:100%;max-width:420px;padding:30px;position:relative;box-shadow:0 15px 35px #0003}.title_login{text-align:center;color:#b91c1c}.input-group{flex-direction:column;margin-bottom:15px;display:flex}.input-group label{color:#4b5563;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.input-group input{border:1px solid #e5e7eb;border-radius:8px;padding:12px}.input-group input:focus{border-color:#d11;box-shadow:0 0 0 3px #6366f126}.password-wrapper{position:relative}.toggle-eye{cursor:pointer;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.button{color:#fff;background:#ec0909;border:none;border-radius:8px;width:100%;padding:12px;font-weight:700}.button:hover{background:#000}.alert{border-radius:8px;margin-bottom:10px;padding:10px}.alert-error{color:#b91c1c;background:#fef2f2}.signup-link{text-align:center;color:#6b7280;margin-top:15px;font-size:14px}.signup-link-text{color:#f00808;font-weight:600;text-decoration:none}.signup-link-text:hover{text-decoration:underline}.sidebar{color:#000;background:#fafafa;border-right:1px solid #d1d5db;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;height:100vh;display:flex}.sidebar-logo{text-align:center;border-bottom:1px solid #ffffff1a;padding:20px;font-size:20px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;margin-top:20px;display:flex}.sidebar-link{color:#9a9a9a;align-items:center;gap:10px;padding:12px 60px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#000;background:#4a4a4a14;border-radius:25px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px;transition:all .2s;display:flex}.Cologo{width:90px;height:30px}.logout-btn:hover{background:#dc2626}.icon{font-size:16px}.dashboard-layout{height:100vh;display:flex;overflow:hidden}.dashboard-content{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.dashboard-layout .sidebar{flex-shrink:0}.chat-layout{flex-direction:column;height:calc(100vh - 64px);display:flex;overflow:hidden}.messages{flex:1;min-height:0;padding:16px;overflow-y:auto}.message{word-wrap:break-word;margin-bottom:14px;font-size:15px;line-height:1.6}.message.user{color:#171717;font-weight:500}.message.assistant{color:#0f0f0f}.message p{margin:6px 0}.message strong{color:#171717;font-weight:600}.message h1,.message h2,.message h3{color:#5b5c5f;margin:10px 0 6px}.message ul,.message ol{margin:6px 0;padding-left:20px}.message code{background:#f4f4f4;border-radius:5px;padding:2px 6px;font-size:13px}.message pre{background:#f4f4f4;border-radius:8px;padding:10px;overflow-x:auto}.chat-input{background:#fff;border-top:1px solid #eee;flex-shrink:0;align-items:flex-end;gap:10px;padding:12px;display:flex}.chat-textarea{resize:none;color:#5b5c5f;border:1px solid #ddd;border-radius:8px;outline:none;flex:1;min-height:44px;max-height:140px;padding:10px 12px;font-family:inherit;font-size:14px}.model-select{color:#5b5c5f;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px;font-size:14px}.chat-input button{color:#fff;cursor:pointer;background:#5b5c5f;border:none;border-radius:8px;padding:10px 14px;transition:all .2s}.chat-input button:hover{opacity:.9}.chat-input button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.chat-input{flex-direction:column;align-items:stretch}.model-select,.chat-textarea,.chat-input button{width:100%}}.playground-container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:auto;min-height:0;padding:32px;display:flex;overflow:visible}.cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{cursor:pointer;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.chat-layout{flex-direction:column;flex:1;min-height:0;display:flex}.messages{flex:1;min-height:0}.message{border-radius:12px;max-width:70%;margin-bottom:12px;padding:12px}.user{color:#fff;background:#f3f4f6;margin-left:auto}.assistant{background:#f3f4f6}.chat-input{gap:12px;display:flex}.chat-input input{flex:1;height:50px;padding:0 16px}.projects-container{flex-direction:column;gap:16px;width:95%;padding:24px;display:flex}.projects-header{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.search-input{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;min-width:220px;padding:10px 12px;font-size:14px}.create-btn{color:#fff;cursor:pointer;background:#5b5c5f;border:none;border-radius:8px;padding:10px 14px;transition:all .2s}.create-btn:hover{opacity:.9}.table-wrapper{width:100%;overflow-x:auto}.projects-table{border-collapse:collapse;width:100%;min-width:600px}.projects-table th{text-align:left;color:#5b5c5f;border-bottom:1px solid #eee;padding:12px;font-size:13px}.projects-table td{color:#1f1f1f;border-bottom:1px solid #f2f2f2;padding:12px;font-size:14px}.projects-table tr:hover{background:#fafafa}.modal-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:400px;padding:20px;display:flex}.modal input,.modal textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px}.modal textarea{resize:none;min-height:100px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:8px 12px}.modal-actions button:first-child{background:#eee}.modal-actions button:last-child{color:#fff;background:#5b5c5f}.api-container{flex-direction:column;gap:16px;width:95%;padding:24px;display:flex}.api-header{justify-content:space-between;gap:12px;display:flex}.search-input{border:1px solid #ddd;border-radius:8px;flex:1;padding:10px}.create-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;padding:10px 14px}.api-table{border-collapse:collapse;width:100%}.api-table th,.api-table td{border-bottom:1px solid #eee;padding:12px}.modal{background:#fff;border-radius:12px;width:500px;max-width:90vw;padding:24px}.api-key-modal{width:900px;max-width:95vw}.api-key-display{word-break:break-all;overflow-wrap:break-word;white-space:normal;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-family:monospace;font-size:14px}.api-key-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.user-profile-container{padding:20px;font-family:Arial,sans-serif}.user-profile-title{margin-bottom:12px;font-size:20px;font-weight:700}.user-profile-card{background-color:#fafafa;border:1px solid #ddd;border-radius:10px;max-width:320px;padding:16px;box-shadow:0 2px 6px #0000000d}.user-profile-row{justify-content:space-between;margin-bottom:10px;display:flex}.label{color:#444;font-weight:600}.value{color:#111}.user-profile-empty{color:#888;padding:20px;font-style:italic}