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}