*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#213251;--light-blue:#60c0f6;--accent-orange:#ff480f;--white:#fff;--text-dark:#213251;--text-light:#213251b3;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#60c0f6,#4da8d9);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}h1,h2,h3,h4,h5,h6{font-size:24px;font-weight:700;line-height:1.3}a,button,div,input,label,p,span{font-family:Montserrat,sans-serif;font-size:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{animation:fadeIn .5s ease-in;display:flex;flex-direction:column;min-height:100vh}.main-content{background:#60c0f608;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:2rem 1.5rem;width:100%}.content-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.content-header h2{color:var(--text-dark);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.loading{align-items:center;color:var(--text-dark);display:flex;flex-direction:column;font-size:16px;gap:1rem;padding:3rem 2rem;text-align:center}.loading:after{animation:spin .8s linear infinite;border:4px solid var(--light-blue);border-radius:50%;border-top-color:var(--primary-blue);content:"";height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:var(--transition);white-space:nowrap}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-blue);box-shadow:0 4px 14px #2132514d;color:var(--white)}.btn-primary:hover{background-color:#1a2840;box-shadow:0 6px 20px #21325166;transform:translateY(-3px)}.btn-danger{background-color:var(--accent-orange);box-shadow:0 4px 14px #ff480f4d;color:var(--white)}.btn-danger:hover{background-color:#e63d0d;box-shadow:0 6px 20px #ff480f66;transform:translateY(-3px)}.btn-success{background-color:var(--primary-blue);box-shadow:0 4px 14px #2132514d;color:var(--white)}.btn-success:hover{background-color:#1a2840;box-shadow:0 6px 20px #21325166;transform:translateY(-3px)}.btn-secondary{background-color:var(--primary-blue);box-shadow:0 2px 8px #21325133;color:var(--white);opacity:.85}.btn-secondary:hover{background-color:#1a2840;box-shadow:0 4px 12px #2132514d;opacity:1;transform:translateY(-2px)}.btn-small{font-size:16px;padding:.625rem 1.25rem}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.main-content{padding:1.5rem 1rem}.content-header{flex-wrap:wrap;margin-bottom:1.5rem}.content-header h2{flex:1 1;min-width:0}}@media (max-width:480px){.main-content{padding:1rem .75rem}.content-header{margin-bottom:1.25rem}}.instance-list{grid-gap:1.25rem;animation:fadeIn .6s ease-out;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));will-change:contents}.empty-state{animation:slideUp .5s ease-out;background:var(--white);border:2px dashed #21325133;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:3rem 2rem;text-align:center}.empty-icon{animation:bounce 2s ease-in-out infinite;display:inline-block;font-size:5rem;margin-bottom:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2{color:var(--text-dark);font-size:24px;font-weight:700;margin-bottom:.75rem}.empty-state p{color:var(--text-light);font-size:16px;line-height:1.6;margin:0 auto;max-width:500px}@media (max-width:768px){.instance-list{gap:1rem;grid-template-columns:1fr}.empty-state{padding:2rem 1.5rem}.empty-icon{font-size:3.5rem}}@media (max-width:480px){.instance-list{gap:1rem}.empty-state{padding:1.5rem 1rem}}.instance-card{animation:slideUp .4s ease-out;background:var(--white);border:1px solid #2132511a;border-radius:var(--border-radius);box-shadow:var(--shadow-md);contain:layout style;overflow:hidden;padding:1.25rem;position:relative;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.instance-card:before{background:linear-gradient(180deg,var(--light-blue),var(--primary-blue));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.instance-card:hover:before{transform:scaleY(1)}.instance-card:hover{border-color:#21325133;box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (hover:none){.instance-card:hover{transform:none}}.card-header{align-items:flex-start;border-bottom:1px solid #2132511a;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.875rem}.card-header>div{flex:1 1;min-width:0}.card-header h3{color:var(--text-dark);font-size:24px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.01em;margin-bottom:.75rem;overflow-wrap:break-word;word-break:break-word}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem 1rem;text-transform:uppercase;transition:var(--transition)}.status-created,.status-deployed{background-color:var(--light-blue);color:var(--primary-blue)}.status-deployed{position:relative}.status-deployed:after{content:"✓";font-size:.875rem;margin-left:.5rem}.status-deploying{animation:pulse 2s ease-in-out infinite;background-color:var(--accent-orange);color:var(--white)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.card-body{margin-bottom:1.25rem}.info-row{align-items:center;border-bottom:1px solid #2132510d;display:flex;justify-content:space-between;padding:.875rem 0;transition:var(--transition)}.info-row:last-child{border-bottom:none}.info-row:hover{background-color:#60c0f60d;border-radius:6px;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.info-label{align-items:center;color:var(--text-light);display:flex;gap:.5rem}.info-label,.info-value{font-size:16px;font-weight:600}.info-value{color:var(--text-dark);text-align:right;word-break:break-word}.domain-value{color:var(--accent-orange);font-size:.9375rem;font-weight:700}.card-actions{grid-gap:.5rem;border-top:1px solid #2132511a;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:1rem;padding-top:1rem}.card-actions .btn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.card-actions .btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}@media (max-width:640px){.card-actions .btn .btn-text{display:none}.card-actions .btn{min-width:44px;padding:.625rem}}@media (max-width:968px){.card-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.instance-card{padding:1rem}.card-header{align-items:flex-start;flex-direction:column}.card-actions{gap:.5rem;grid-template-columns:1fr}.card-actions .btn{min-width:0;min-width:auto;width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.info-value{text-align:left}}@media (max-width:480px){.instance-card{padding:.875rem}.card-header h3{font-size:20px}.card-actions{gap:.5rem}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow:hidden;overflow-y:auto;width:90%;will-change:transform}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #2132511a;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:var(--text-dark);font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:var(--transition);width:32px}.modal-close:hover{background:#2132511a;color:var(--text-dark)}.modal-body{padding:1.5rem}.modal-body p{color:var(--text-dark);font-size:16px;line-height:1.6;margin:0}.modal-footer{border-top:1px solid #2132511a;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}@media (max-width:480px){.modal-content{margin:1rem;width:95%}.modal-body,.modal-footer,.modal-header{padding:1.25rem}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.instance-form-container{animation:slideDown .4s ease-out;margin-bottom:1.5rem}.instance-form{background:var(--white);border:1px solid #2132511a;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;position:relative}.instance-form:before{background:linear-gradient(90deg,var(--light-blue),var(--primary-blue),var(--accent-orange));content:"";height:4px;left:0;position:absolute;right:0;top:0}.instance-form h2{color:var(--text-dark);font-size:24px;font-weight:700;letter-spacing:-.01em;margin-bottom:1.25rem}.form-group{margin-bottom:1.25rem;position:relative}.form-group label{display:block;font-weight:600;letter-spacing:.01em;margin-bottom:.75rem}.form-group input,.form-group label{color:var(--text-dark);font-size:16px}.form-group input{background-color:var(--white);border:2px solid #21325126;border-radius:8px;font-weight:500;padding:.75rem 1rem;transition:var(--transition);width:100%}.form-group input::placeholder{color:var(--text-light);opacity:.6}.form-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #2132511a;outline:none;transform:translateY(-1px)}.form-group input:disabled{background-color:#2132510d;cursor:not-allowed;opacity:.6}.form-group small{color:var(--text-light);display:block;font-size:16px;line-height:1.5;margin-top:.5rem}.error-message{align-items:center;animation:shake .4s ease-out;background:linear-gradient(135deg,var(--accent-orange),#e63d0d);border-radius:10px;box-shadow:0 4px 12px #ff480f4d;color:var(--white);display:flex;font-size:16px;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-message:before{content:"⚠";font-size:1.25rem}.form-actions{border-top:1px solid #2132511a;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1.25rem}.form-actions .btn{min-width:140px}@media (max-width:768px){.instance-form{padding:1.25rem}.form-actions{flex-direction:column-reverse}.form-actions .btn{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.instance-form{padding:1rem}.instance-form h2{font-size:1.25rem}}.top-bar{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--white);border-bottom:1px solid #2132511a;box-shadow:0 2px 10px #00000014;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;will-change:transform;z-index:100}.top-bar-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem}.brand-section{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.brand-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-blue),var(--accent-orange));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.brand-subtitle{color:var(--text-light);font-size:16px;font-weight:500}.stats-section{display:flex;flex:1 1;flex-wrap:wrap;gap:1rem;justify-content:center;min-width:0}.stat-card{background:#60c0f614;border:1px solid #60c0f633;border-radius:10px;min-width:80px;padding:.75rem 1.25rem;text-align:center;transition:var(--transition)}.stat-card:hover{background:#60c0f626;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-value{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:.25rem}.stat-value,.stat-value.stat-deployed{color:var(--primary-blue)}.stat-value.stat-created{color:var(--accent-orange)}.stat-label{color:var(--text-light);font-size:16px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.create-btn{align-items:center;background:var(--primary-blue);border:none;border-radius:10px;box-shadow:0 4px 12px #2132514d;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:var(--transition)}.create-btn:hover{background:#1a2840;box-shadow:0 6px 16px #21325166;transform:translateY(-2px)}.create-btn-icon{font-size:20px;font-weight:300;line-height:1}@media (max-width:968px){.top-bar-content{align-items:stretch;flex-direction:column;gap:1rem}.brand-section{align-items:center;text-align:center}.stats-section{justify-content:space-around;width:100%}.create-btn{justify-content:center;width:100%}}@media (max-width:480px){.top-bar{padding:.75rem 0}.top-bar-content{padding:0 1rem}.stats-section{gap:.5rem}.stat-card{flex:1 1;min-width:70px;padding:.625rem .75rem}.stat-value{font-size:20px}.stat-label{font-size:10px}}.create-admin-modal{animation:slideUp .3s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow:hidden;overflow-y:auto;width:90%;will-change:transform}.modal-app-info{background:#60c0f61a;border-bottom:1px solid #2132511a;color:var(--text-dark);font-size:16px;padding:.75rem 1.5rem}.modal-app-info strong{color:var(--primary-blue);font-weight:700}.create-admin-modal .form-group{margin-bottom:1.25rem}.create-admin-modal .form-group label{color:var(--text-dark);display:block;font-size:16px;font-weight:600;margin-bottom:.75rem}.create-admin-modal .form-group input{background-color:var(--white);border:2px solid #21325126;border-radius:8px;color:var(--text-dark);font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;padding:.75rem 1rem;transition:var(--transition);width:100%}.create-admin-modal .form-group input::placeholder{color:var(--text-light);opacity:.6}.create-admin-modal .form-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #2132511a;outline:none;transform:translateY(-1px)}.create-admin-modal .form-group input:disabled{background-color:#2132510d;cursor:not-allowed;opacity:.6}.create-admin-modal .error-message{align-items:center;animation:shake .4s ease-out;background:linear-gradient(135deg,var(--accent-orange),#e63d0d);border-radius:10px;box-shadow:0 4px 12px #ff480f4d;color:var(--white);display:flex;font-size:16px;font-weight:500;gap:.5rem;margin-top:1rem;padding:1rem 1.25rem}.create-admin-modal .error-message:before{content:"⚠";font-size:1.25rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
/*# sourceMappingURL=main.a8fe1001.css.map*/