body{background:#f9f9f9;margin:0}h2.text-slate-900{color:#14233f}.max-w-7xl{max-width:1400px}.page-heading{margin:40px 0}.card-wrapper{border-radius:10px}.card-wrapper .card-header{background:#d9d9d94d;padding-top:15px;padding-bottom:10px}.card-wrapper .card-header .text-slate-900{color:#000}.form-wrp.standard-product .card-wrapper .card-header{background:#55a9de33}.form-wrp.standard-product .card-wrapper .card-header .text-slate-900{color:#1a3a7b}.form-wrp.custom-db-product .card-wrapper .card-header{background:#e59c9733}.form-wrp.custom-db-product .card-wrapper .card-header .text-slate-900{color:#d23a2b}.card-content-wrp{padding:0 20px 30px}.form-wrp{border:0}.card-wrapper .card-header .text-slate-500{color:#595959;margin-top:0}.text-card-foreground{color:#14233f}.form-wrp input,.form-wrp button{height:auto;padding:8px 20px}.focus-visible\:ring-\[3px\]\:focus-visible{--tw-ring-shadow:none;box-shadow:none}.focus-visible\:border-ring\:focus-visible{border-color:#d8d9d8}.form-wrp.standard-product .hover\:bg-accent:hover{color:#595959;background-color:#55a9de33}.form-wrp.custom-db-product .hover\:bg-accent:hover{color:#595959;background-color:#e59c9733}.form-wrp .poduct-type-btn{cursor:pointer;border-color:#d8d9d8}.text-slate-800,.text-slate-700,.text-slate-500{color:#595959}.form-wrp .poduct-type-btn .btn-text{color:#595959;font-size:.75em}.form-wrp .poduct-type-btn.standard-product .btn-title{color:#1a3a7b}.form-wrp .poduct-type-btn.custom-db-product .btn-title{color:#d23a2b}.form-wrp .poduct-type-btn.standard-product.active-type{background:#55a9de33;border-color:#1a3a7b}.form-wrp .poduct-type-btn.custom-db-product.active-type{background:#e59c9733;border-color:#d23a2b}.data-\[selected\=true\]\:bg-accent[data-selected=true],.hover\:bg-accent:hover{color:#000;background-color:#d9d9d933}.form-wrp .card-msg{border-radius:5px}.form-wrp .bg-emerald-50\/50{background:#00a3ad1a;border-color:#009eaf}.text-emerald-600{color:#009eaf}.form-wrp .card-msg svg{stroke:#009eaf}.form-wrp .card-msg .text-emerald-900{color:#009eaf}.dashboard-wrp h3{margin-bottom:30px}.dashboard-wrp .dashboard-block{border-radius:10px;padding:15px 20px;box-shadow:0 0 5px #0003}.dashboard-wrp .title-header{padding:0}.dashboard-wrp .dashboard-block .value-text{font-size:2.5em}.text-blue{color:#1a3a7b}.text-red{color:#d23a2b}.text-lightblue{color:#55a9dd}.text-green{color:#009eaf}.text-gray{color:#595959}.border-blue{border-color:#1a3a7b}.border-red{border-color:#d23a2b}.border-lightblue{border-color:#55a9dd}.border-green{border-color:#009eaf}.border-gray{border-color:#595959}.dashboard-wrp{border-radius:10px;margin-bottom:40px;padding:40px;box-shadow:0 0 10px #0003}.tab-list-wrp{border-bottom:1px solid #d8d9d8;margin-bottom:30px}.tab-list-wrp .tab-list-heading{background:0 0;padding:0}.tab-list-wrp .tab-list-heading button{cursor:pointer;color:#1a3a7b;box-shadow:none;border-bottom:2px solid #0000;border-radius:0;margin-right:10px;font-weight:600;transition:all .3s}.tab-list-wrp .tab-list-heading button.data-\[state\=active\]\:bg-background[data-state=active]{color:#d23a2b;background:0 0;border-bottom-color:#d23a2b}.tab-list-wrp .tab-list-heading button:hover{color:#d23a2b}.tab-list-wrp .filter-btn{cursor:pointer;margin-bottom:15px}.submission-list-item{border-radius:10px;gap:0;margin-bottom:30px;padding:30px 30px 50px;position:relative;box-shadow:0 0 10px #0003}.submission-list-item .item-title{padding:0}.text-blue-700{color:#1a3a7b}.text-emerald-700{color:#009eaf}.text-red-700{color:#d23a2b}.view-more-btn{color:#fff;cursor:pointer;z-index:1;background:#009eaf;border-radius:0 0 10px 10px;width:100%;height:auto;padding:10px 30px;font-size:1em;transition:all .3s;position:absolute;bottom:0;left:0}.view-more-btn:hover{color:#000;background:#00a3ad80}.button-flex{flex-direction:row;width:100%;display:flex;position:absolute;bottom:0;left:0}.button-flex .view-more-btn{border-radius:0 0 0 10px;position:relative;bottom:auto;left:auto}.button-flex .edit-m-btn{color:#fff;cursor:pointer;z-index:1;background:#595959;border-radius:0 0 10px;width:100%;height:auto;padding:10px 30px;font-size:1em;transition:all .3s}.button-flex .edit-m-btn:hover{background:#59595980}.action-list-item{align-items:center;margin:0;padding:10px;transition:all .3s}.action-list-item:hover{cursor:pointer;background:#d9d9d933}.focus\:bg-accent:focus{background-color:#00a3ad33}.focus\:text-accent-foreground:focus{color:#000}.signin-btn{cursor:pointer}.dept-block .text-card-foreground{border-radius:10px;box-shadow:0 0 10px #ffffff80}:root{--bg:#f8fafc;--card:#fffc;--glass:#0000000a;--accent:#0f172a;--accent-2:#1e90ff;--muted:#5a6472;--glass-2:#00000005;--radius:12px;--glass-border:#0000000f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}html,body,#root{background:var(--bg);color:#222c36;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0}.json-output{color:#7c3aed;background:#f3f6fa}.container{grid-template-columns:1fr 420px;gap:24px;max-width:1100px;margin:36px auto;padding:28px;display:grid}.responsive-main{grid-template-columns:600px 420px;justify-content:center;gap:24px;display:grid}@media (width<=1100px){.responsive-main{grid-template-rows:auto auto;grid-template-columns:1fr}.responsive-main>aside{max-width:100%;margin-top:24px}}header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.logo{color:#042027;background:linear-gradient(135deg,#20e3c2 0%,#1b40ad 100%);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex;box-shadow:0 6px 18px #00000073}h1{margin:0;font-size:20px}p.lead{color:var(--muted);margin:0;font-size:13px}.panel{border:2px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff05,#ffffff03);padding:18px}.form{flex-direction:column;gap:14px;display:flex}label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.row{gap:12px;display:flex}select,input[type=number],input[type=text]{border:1px solid var(--glass-border);background:var(--glass);width:100%;color:inherit;border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.option-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.chip{background:var(--glass-2);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;padding:10px;font-size:13px}.chip.active{border-color:var(--accent);background:linear-gradient(#4fd1c50a,#0000);box-shadow:0 6px 18px #4fd1c50f}.small{color:var(--muted);font-size:12px}.range{align-items:center;gap:12px;display:flex}.preview{flex-direction:column;gap:12px;display:flex}.visual{border:1px solid var(--glass-border);background:linear-gradient(#ffffff05,#ffffff03);border-radius:12px;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.cable{background:linear-gradient(90deg,#111 0%,#333 50%,#111 100%);border-radius:6px;width:70%;height:6px;position:relative;box-shadow:0 6px 18px #0009,inset 0 1px #ffffff05}.connector{border:1px solid var(--glass-border);width:56px;height:56px;color:var(--muted);background:linear-gradient(#0b1220,#0b1220);border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute}.connector.left{top:50%;left:8%;transform:translateY(-50%)}.connector.right{top:50%;right:8%;transform:translateY(-50%)}.summary{border:1px solid var(--glass-border);background:linear-gradient(#ffffff03,#0000);border-radius:10px;padding:12px}.price{color:var(--accent);font-size:20px;font-weight:700}.btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0f172a,#0f172a);border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:inline-flex}.muted-note{color:var(--muted);font-size:12px}footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;display:flex}@media (width<=980px){.container{grid-template-columns:1fr;padding:18px}.visual{height:180px}}select:focus,input:focus,.chip:focus,.btn:focus{border-color:var(--accent-2);box-shadow:0 6px 18px #7c3aed1f}.row-between{justify-content:space-between;align-items:center;display:flex}.json-output{border-radius:8px;max-height:180px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:13px;overflow:auto}.header-responsive{color:#fff;z-index:100;background:#0f172a;justify-content:space-between;align-items:center;width:100%;padding:24px 0;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.header-title{letter-spacing:1px;word-break:break-word;margin:0 0 0 25px;font-family:Geist,Geist Fallback,sans-serif;font-size:22px;font-weight:700;line-height:1.2}.header-avatar{cursor:pointer;align-items:center;margin-right:32px;display:flex;position:relative}.avatar-icon{color:#222;width:38px;height:38px;box-shadow:none;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:400;transition:background .2s;display:flex}.avatar-icon:hover{background:#d1d5db}.avatar-popover{color:#222;z-index:200;background:#fff;border-radius:8px;min-width:120px;padding:8px 0;display:none;position:absolute;top:48px;right:0;box-shadow:0 4px 24px #0000002e}.header-avatar.open .avatar-popover{display:block}.avatar-popover button{color:#222;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:10px 18px;font-size:15px;transition:background .15s}.avatar-popover button:hover{background:#f3f4f6}@media (width<=600px){.header-responsive{padding:14px 0!important}.header-title{padding:0 8px!important;font-size:18px!important;line-height:1.3!important}.header-avatar{margin-right:10px}}@media (width<=400px){.header-title{padding:0 2px!important;font-size:15px!important}}.page-loading-overlay{z-index:9999;background:#ffffffb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.page-spinner{border:6px solid #e0e0e0;border-top-color:#1a3a7b;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-root{background:#fff;flex-direction:row;justify-content:center;align-items:stretch;width:100vw;min-height:100vh;display:flex}.bannerPanel{background:linear-gradient(120deg,#09172f 40% 100%);flex:1;justify-content:center;align-items:center;min-width:60%;display:flex;position:relative}.banner-text{color:#fff;letter-spacing:1px;text-shadow:0 2px 8px #000a;pointer-events:none;z-index:2;background:#09172f8c;border-radius:8px;padding:10px 26px;font-size:2.1rem;font-weight:800;position:absolute;bottom:50px;left:20px}@media (width<=900px){.banner-text{padding:7px 14px;font-size:1.3rem;font-weight:700;bottom:10px;left:12px}}.bannerPanel img{object-fit:cover;border-radius:0;width:100%;height:91vh;margin:40px 0;box-shadow:0 8px 32px #0002}.loginPanel{background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.login-card{background:0 0;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:48px 0;padding:32px;display:flex}.login-logo{justify-content:center;margin-bottom:10px;display:flex}.login-logo img{max-width:180px;height:auto}.login-title{text-align:center;color:#d23a2b;margin-bottom:8px;font-size:24px;font-weight:700}.login-subtitle{text-align:center;color:#374151;margin-bottom:15px;font-size:13px}.login-field{background:0 0;border-radius:10px;flex-direction:column;align-items:center;width:100%;min-width:240px;margin-bottom:22px;margin-left:auto;margin-right:auto;display:flex;box-shadow:0 2px 10px #bfc7d122}.login-field label{text-align:left;width:100%;margin-bottom:6px;font-weight:500}.login-field input{box-sizing:border-box;background:#fff;border:1.5px solid #bfc7d1;border-radius:8px;width:100vw;max-width:350px;margin:0 auto;padding:10px 14px;font-size:1.18rem;transition:border .2s,box-shadow .2s;box-shadow:0 2px 12px #00000014}.login-field input:focus{background:#f0f6ff;border:1.5px solid #1a3a7b;outline:none}.login-error{color:red;text-align:center;width:100vw;max-width:350px;margin-bottom:14px}.login-btn{color:#fff;cursor:pointer;background:#1a3a7b;border:none;border-radius:6px;align-self:stretch;width:100vw;max-width:350px;margin-bottom:8px;padding:12px;font-size:16px;font-weight:600;box-shadow:0 2px 8px #1a237e22}.login-help{text-align:center;color:#6b7280;margin-top:18px;font-size:14px}.login-footer{color:#b0b3b8;text-align:center;margin-top:32px;font-size:13px}@media (width<=900px){.login-root{flex-direction:column}.bannerPanel,.loginPanel{flex:unset;width:100vw;min-width:0;max-width:100vw;display:block}.bannerPanel{height:200px;min-height:120px;max-height:250px;padding:0}.bannerPanel img{border-radius:12px;height:100%;min-height:120px;max-height:250px;margin:0}.loginPanel{padding:0 2vw}.login-card{max-width:98vw;margin:24px 0;padding:18px}}@media (width<=600px){.login-card{margin:12px 0;padding:8px}.loginPanel{padding:0 1vw}}.fade{opacity:.7;animation:1.2s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.register-root{background:#fff;flex-direction:row;justify-content:center;align-items:stretch;width:100vw;min-height:100vh;display:flex}.register-bannerPanel{background:linear-gradient(120deg,#09172f 40% 100%);flex:1;justify-content:center;align-items:center;min-width:60%;display:flex;position:relative}.register-bannerPanel img{object-fit:cover;border-radius:0;width:100%;height:91vh;margin:40px 0;box-shadow:0 8px 32px #0002}.register-banner-text{color:#fff;letter-spacing:1px;text-shadow:0 2px 8px #000a;pointer-events:none;z-index:2;background:#09172f8c;border-radius:8px;padding:10px 26px;font-size:2.1rem;font-weight:800;position:absolute;bottom:50px;left:20px}@media (width<=900px){.register-root{flex-direction:column}.register-bannerPanel,.register-panel{flex:unset;width:100vw;min-width:0;max-width:100vw;display:block}.register-bannerPanel{height:200px;min-height:120px;max-height:250px;padding:0}.register-bannerPanel img{border-radius:12px;height:100%;min-height:120px;max-height:250px;margin:0}.register-panel{padding:0 2vw}.register-card{max-width:98vw;margin:24px 0;padding:18px}.register-banner-text{padding:7px 14px;font-size:1.3rem;font-weight:700;bottom:10px;left:12px}}@media (width<=600px){.register-card{margin:12px 0;padding:8px}.register-panel{padding:0 1vw}}.register-panel{background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.register-card{background:0 0;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:48px 0;padding:32px;display:flex}.register-logo{justify-content:center;margin-bottom:24px;display:flex}.register-logo img{max-width:180px;height:auto}.register-title{text-align:center;color:#1a237e;margin-bottom:8px;font-size:24px;font-weight:700}.register-subtitle{text-align:center;color:#374151;margin-bottom:24px;font-size:16px}.register-field{background:0 0;border-radius:10px;flex-direction:column;align-items:center;width:100%;min-width:240px;margin-bottom:22px;margin-left:auto;margin-right:auto;display:flex;box-shadow:0 2px 10px #bfc7d122}.register-field label{text-align:left;width:100%;margin-bottom:6px;font-weight:500}.register-field input{box-sizing:border-box;background:#fff;border:1.5px solid #bfc7d1;border-radius:8px;width:100vw;max-width:350px;margin:0 auto;padding:10px 14px;font-size:1.18rem;transition:border .2s,box-shadow .2s;box-shadow:0 2px 12px #00000014}.register-error{color:red;text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100vw;max-width:350px;margin-bottom:14px;font-size:smaller}.register-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:stretch;width:100vw;max-width:350px;margin-bottom:8px;padding:12px;font-size:16px;font-weight:600;box-shadow:0 2px 8px #1a237e22;background:#28a745!important}.register-help{text-align:center;color:#6b7280;margin-top:18px;font-size:14px}.register-footer{color:#b0b3b8;text-align:center;margin-top:32px;font-size:13px}