@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#12101f;--bg-card:#1c182c;--bg-card-hover:#26203c;--bg-sidebar:#161226;--border-color:#382d56;--brand-brown:#9a3412;--brand-brown-hover:#7c2d12;--primary:#f97316;--primary-hover:#ea580c;--cyan:#38bdf8;--cyan-bg:#38bdf826;--emerald:#34d399;--emerald-bg:#34d39926;--amber:#fbbf24;--amber-bg:#fbbf2426;--indigo:#818cf8;--indigo-bg:#818cf826;--rose:#fb7185;--text-main:#f8fafc;--text-muted:#a7abbd;--shadow-lg:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--radius-sm:12px;--radius-md:18px;--radius-lg:26px}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden}.hidden{display:none!important}.text-muted{color:var(--text-muted)}.text-right{text-align:right}.text-center{text-align:center}.mt-4{margin-top:1.25rem}.mb-4{margin-bottom:1.25rem}.p-4{padding:1.25rem}.login-wrapper{z-index:9999;background:radial-gradient(circle at 100% 0,#431407,#0b0f19 70%);justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);text-align:center;background:#151c2cf0;border:1px solid #ea580c40;padding:1.75rem;transition:all .3s}@media (width<=480px){.login-card{padding:1.75rem 1.25rem}}.brand-logo-img{filter:drop-shadow(0 4px 12px #ea580c4d);max-width:200px;height:auto;margin-bottom:.5rem}.login-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.88rem}.form-group{text-align:left;margin-bottom:1.15rem}.form-group label{color:#cbd5e1;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:flex}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;background-color:#0f172acc;width:100%;padding:.75rem 1rem;font-size:.92rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ea580c40}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 12px #00000026}.btn:hover{transform:translateY(-2px)scale(1.02)}.btn:active{transform:translateY(0)scale(.98)}.btn-block{width:100%}.btn-lg{padding:.88rem 1.6rem;font-size:.98rem}.btn-sm{border-radius:9999px;padding:.4rem .9rem;font-size:.8rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.btn-primary:hover{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 6px 16px #f9731659}.btn-cyan{color:#042f2e;background:#38bdf8;font-weight:800}.btn-cyan:hover{background:#7dd3fc;box-shadow:0 6px 16px #38bdf859}.btn-emerald{color:#022c22;background:#34d399;font-weight:800}.btn-emerald:hover{background:#6ee7b7;box-shadow:0 6px 16px #34d39959}.btn-amber{color:#451a03;background:#fbbf24;font-weight:800}.btn-amber:hover{background:#fde047;box-shadow:0 6px 16px #fbbf2459}.btn-secondary{color:#f8fafc;background:#334155}.btn-secondary:hover{background:#475569}.btn-danger{color:#fda4af;background:#fb71852e;border:1px solid #fb718559}.btn-danger:hover{background:var(--rose);color:#fff}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff0a}.btn-outline:hover{background:var(--bg-card-hover);border-color:var(--primary)}.app-wrapper{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:1000;flex-direction:column;flex-shrink:0;width:270px;height:100vh;padding:1.5rem 1rem;transition:transform .3s ease-in-out;display:flex;position:sticky;top:0;left:0;overflow:hidden auto}.sidebar-brand{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:1rem;position:relative}.sidebar-logo{max-width:170px;height:auto}.mobile-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:none;position:absolute;top:0;right:0}.user-profile-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem;display:flex}.avatar-icon{background:linear-gradient(135deg, var(--primary), var(--brand-brown));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:flex}.user-info h4{color:#fff;font-size:.9rem;font-weight:700}.role-badge{color:#fdba74;background:#ea580c33;border:1px solid #ea580c66;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.sidebar-menu{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:.35rem;display:flex;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.menu-label{letter-spacing:.05em;color:var(--text-muted);margin:.5rem .5rem .25rem;font-size:.7rem;font-weight:800}.menu-item{color:#cbd5e1;border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{background-color:var(--bg-card-hover);color:#fff}.menu-item.active{border-left:3px solid var(--primary);color:#fff;background:linear-gradient(90deg,#ea580c33,#0000);font-weight:700}.badge{border-radius:10px;margin-left:auto;padding:.1rem .4rem;font-size:.7rem}.badge-amber{background:var(--amber);color:#000;font-weight:800}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}@media (width<=1023px){.sidebar{box-shadow:var(--shadow-lg);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-close-btn{display:block}.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000a6;position:fixed;inset:0}}.main-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden auto}.topbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#111827d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.topbar-left{align-items:center;gap:.85rem;display:flex}.mobile-menu-toggle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;padding:.45rem;display:none}@media (width<=1023px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}}.topbar-title h2{color:#fff;font-size:1.3rem;font-weight:800}.topbar-title p{font-size:.82rem}.topbar-actions{align-items:center;gap:.75rem;display:flex}.admin-role-switcher{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:.35rem;padding:.4rem .65rem;display:flex}.admin-role-switcher label{color:var(--text-muted);font-size:.78rem}.admin-role-switcher select{color:#fbbf24;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.content-body{box-sizing:border-box;flex:1;width:100%;padding:1.5rem 1.5rem 5rem}.tab-pane{width:100%;padding-bottom:3.5rem}.resep-grid-layout{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}.emulsi-cards-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.resep-grid-layout{gap:1.25rem;grid-template-columns:1fr!important}}@media (width<=768px){.content-body{padding:1rem 1rem 5rem}.emulsi-cards-grid{gap:1rem;grid-template-columns:1fr!important}.topbar{padding:.85rem 1rem}.topbar-title h2{font-size:1.1rem}.btn-text-hide-mobile{display:none}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=520px){.stats-grid{grid-template-columns:1fr}}.stat-card{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:1rem;padding:1.15rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:#f9731666;transform:translateY(-4px);box-shadow:0 12px 24px -6px #0000004d}.stat-card.border-cyan{border-top:4px solid var(--cyan)}.stat-card.border-emerald{border-top:4px solid var(--emerald)}.stat-card.border-amber{border-top:4px solid var(--amber)}.stat-card.border-indigo{border-top:4px solid var(--indigo)}.stat-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.35rem;transition:transform .25s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(-4deg)}.icon-cyan{background:var(--cyan-bg);color:var(--cyan)}.icon-emerald{background:var(--emerald-bg);color:var(--emerald)}.icon-amber{background:var(--amber-bg);color:var(--amber)}.icon-indigo{background:var(--indigo-bg);color:var(--indigo)}.stat-title{color:var(--text-muted);font-size:.78rem;font-weight:600}.stat-value{color:#fff;margin:.15rem 0;font-size:1.4rem;font-weight:800}.stat-desc{font-size:.75rem;font-weight:600}@media (width<=1023px){.dashboard-grid{grid-template-columns:1fr}}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.card-header h3{color:#fff;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.quick-actions-list{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.action-tile{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-main);color:#fff;cursor:pointer;text-align:left;align-items:center;gap:.85rem;padding:.95rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.action-tile:hover{border-color:var(--primary);transform:translate(6px)scale(1.01);box-shadow:0 8px 20px -4px #f9731633}.action-tile svg{flex-shrink:0;width:24px;height:24px;transition:transform .2s}.action-tile:hover svg{transform:scale(1.15)}.tile-cyan svg{color:var(--cyan)}.tile-emerald svg{color:var(--emerald)}.tile-amber svg{color:var(--amber)}.action-tile strong{font-size:.85rem;display:block}.action-tile span{color:var(--text-muted);font-size:.75rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}@media (width<=640px){.toolbar,.toolbar-actions{flex-direction:column;align-items:stretch}.toolbar-actions button,.toolbar-actions select{width:100%}}.search-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;align-items:center;gap:.5rem;min-width:250px;padding:.5rem .85rem;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.toolbar-actions{align-items:center;gap:.65rem;display:flex}.select-input{background-color:var(--bg-card);border:1px solid var(--border-color);color:#fff;border-radius:var(--radius-sm);outline:none;padding:.55rem .85rem}.table-responsive,.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table,.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.table th,.custom-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background-color:#111827cc;padding:.75rem 1rem;font-size:.72rem;font-weight:700}.table td,.custom-table td{border-bottom:1px solid var(--border-color);color:#e2e8f0;vertical-align:middle;padding:.85rem 1rem}.table tbody tr:hover{background-color:var(--bg-card-hover)}.status-badge{border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-safe{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.status-danger{color:#f87171;background:#f43f5e26;border:1px solid #f43f5e4d}.stat-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.border-cyan{border-left:4px solid var(--cyan)}.stat-card.border-emerald{border-left:4px solid var(--emerald)}.stat-card.border-amber{border-left:4px solid var(--amber)}.stat-card.border-indigo{border-left:4px solid #6366f1}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.icon-cyan{color:var(--cyan);background:#06b6d426}.stat-icon.icon-emerald{color:var(--emerald);background:#10b98126}.stat-icon.icon-amber{color:var(--amber);background:#f59e0b26}.stat-icon.icon-indigo{color:#6366f1;background:#6366f126}.stat-details{flex-direction:column;display:flex}.stat-details .stat-title{color:var(--text-muted);font-size:.78rem;font-weight:600}.stat-details .stat-value{margin:.15rem 0;font-size:1.4rem;font-weight:800}.stat-details .stat-desc{font-size:.75rem;font-weight:600}.stat-info h3{margin-top:.2rem;font-size:1.5rem;font-weight:800}.stat-info span{color:var(--text-muted);font-size:.78rem}.text-cyan{color:var(--cyan)}.text-emerald{color:var(--emerald)}.text-amber{color:var(--amber)}.text-indigo{color:#6366f1}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=992px){.dashboard-grid{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-header h3{align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.status-badge{border-radius:20px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-block}.status-badge.status-safe{color:var(--emerald);background:#10b98126}.status-badge.status-warning{color:var(--amber);background:#f59e0b26}.status-badge.status-danger{color:var(--rose);background:#f43f5e26}.quick-actions-list{flex-direction:column;gap:.85rem;display:flex}.action-tile{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-main);text-align:left;cursor:pointer;background:#ffffff05;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.action-tile:hover{background:#ffffff0d;transform:translate(4px)}.action-tile.tile-cyan{border-left:4px solid var(--cyan);color:var(--cyan)}.action-tile.tile-emerald{border-left:4px solid var(--emerald);color:var(--emerald)}.action-tile.tile-amber{border-left:4px solid var(--amber);color:var(--amber)}.action-tile div strong{color:var(--text-main);font-size:.9rem;display:block}.action-tile div span{color:var(--text-muted);font-size:.75rem}.produk-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}@media (width<=480px){.produk-grid{grid-template-columns:1fr}}.produk-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.65rem;padding:1.15rem;transition:all .2s;display:flex}.produk-card-header{justify-content:space-between;align-items:flex-start;display:flex}.produk-title{color:#fff;font-size:1.05rem;font-weight:800}.produk-sku{color:var(--text-muted);font-size:.72rem}.produk-price{color:var(--emerald);font-size:1.2rem;font-weight:800}.produk-stok-box{background:var(--bg-main);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-top:auto;padding:.65rem .85rem;display:flex}.resep-layout{grid-template-columns:260px 1fr;gap:1.25rem;display:grid}@media (width<=768px){.resep-layout{grid-template-columns:1fr}}.produk-list-selectable{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.resep-prod-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.resep-prod-item:hover,.resep-prod-item.active{border-color:var(--primary);background:var(--bg-card-hover)}.resep-detail-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;background:#000000c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-lg);max-height:90vh;padding:1.5rem;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.65rem;display:flex}.modal-header h3{color:#fff;font-size:1.1rem}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.65rem;margin-top:1.25rem;padding-top:.85rem;display:flex}@media (width<=600px){.form-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.alert-banner{border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:.85rem 1.15rem;display:flex}.alert-warning{color:#fef3c7;background:#f59e0b26;border:1px solid #f59e0b66}.alert-icon{color:var(--amber);flex-shrink:0;font-size:1.35rem}.kebutuhan-bahan-box{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-top:.85rem;padding:.85rem}.kebutuhan-item{border-bottom:1px dashed var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;font-size:.85rem;display:flex}.kebutuhan-item:last-child{border-bottom:none}.status-ok{color:var(--emerald);font-weight:700}.status-insufficient{color:var(--rose);font-weight:700}.loading-overlay-screen{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#12101fe0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.loading-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;background:#1c182cf2;flex-direction:column;align-items:center;gap:1.2rem;width:90%;max-width:380px;padding:2.5rem 3rem;display:flex;box-shadow:0 25px 50px -12px #000000b3}.loading-spinner-ring{border:4px solid #f973162e;border-top:4px solid var(--primary);border-right:4px solid var(--amber);border-radius:50%;width:56px;height:56px;animation:.85s linear infinite spin}.loading-text{color:var(--text-main);letter-spacing:.02em;background:linear-gradient(135deg,#f97316,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.loading-subtext{color:var(--text-muted);font-size:.82rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.96)}}.tab-container{width:100%}.tab-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.tab-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;display:flex}.tab-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.85rem}.filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.data-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#111827e6;padding:.8rem 1rem;font-size:.72rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:.85rem 1rem}.data-table tbody tr:hover{background:var(--bg-card-hover)}@media (width<=768px){.topbar-actions{flex-wrap:wrap;gap:.5rem}.admin-role-switcher select{font-size:.75rem}}@media (width<=640px){.tab-header{flex-direction:column;align-items:stretch}.tab-header button{width:100%}.filter-row{flex-direction:column;align-items:stretch}.filter-row .search-box,.filter-row select{width:100%!important}.modal-container,.modal-card{margin:0 auto;max-width:95vw!important;padding:1.15rem!important}.topbar{flex-direction:column;align-items:stretch;gap:.75rem}.topbar-actions{justify-content:space-between}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100000;background:#04070fd9;justify-content:center;align-items:center;padding:1.25rem;animation:.22s ease-out fadeInModalOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInModalOverlay{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-card,.modal-container{color:#f8fafc;box-sizing:border-box;background:linear-gradient(150deg,#131c31 0%,#0f172a 100%);flex-direction:column;width:100%;max-width:620px;max-height:90dvh;display:flex;overflow:hidden;border:1px solid #ffffff26!important;border-radius:16px!important;padding:1.5rem!important;box-shadow:0 25px 50px -12px #000c,0 0 40px #6366f133!important}.modal-card form,.modal-container form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-lg{max-width:780px!important}.modal-sm{max-width:440px!important}.modal-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.modal-header h3,.modal-header h4{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:700;display:flex}.modal-close,.btn-close{cursor:pointer;transition:all .2s;color:#cbd5e1!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.modal-close:hover,.btn-close:hover{transform:rotate(90deg);color:#f87171!important;background:#ef444440!important;border-color:#ef444480!important}.modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin-bottom:.5rem;padding-right:.5rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.modal-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label,.form-group label{color:#cbd5e1;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.form-control,.form-input,.form-select,.select-input,textarea.form-control,textarea.form-input{width:100%;font-family:inherit;color:#f8fafc!important;box-sizing:border-box!important;background:#090f1d!important;border:1px solid #ffffff29!important;border-radius:10px!important;padding:.7rem .9rem!important;font-size:.9rem!important;transition:all .2s!important}.form-control::placeholder,.form-input::placeholder,textarea::placeholder{font-size:.85rem;color:#64748b!important}.form-control:focus,.form-input:focus,.form-select:focus,.select-input:focus,textarea.form-control:focus,textarea.form-input:focus{background:#0f172a!important;border-color:#6366f1!important;outline:none!important;box-shadow:0 0 0 3px #6366f14d!important}select.form-control,select.form-select,select.select-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-position:right .85rem center!important;background-repeat:no-repeat!important;background-size:1.1rem!important;padding-right:2.3rem!important}textarea.form-control,textarea.form-input{resize:vertical;min-height:90px}@media (width<=640px){.modal-card,.modal-container{border-radius:12px!important;max-width:96vw!important;max-height:94dvh!important;padding:1.15rem!important}.form-grid,.modal-body [style*=grid-template-columns],.modal-body [style*=gridTemplateColumns]{grid-template-columns:1fr!important}.modal-footer{flex-wrap:wrap;gap:.5rem}.modal-footer .btn{flex:1;min-width:120px}}