@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap");:root{--bg:#EEEEE8;--bg2:#E6E5DE;--wh:#FFFFFF;--ink:#1C1C1A;--ink2:#2D2D2B;--tx:#58584E;--tx2:#8A8A80;--mu:#ADADAA;--bd:#E2E1D9;--bd2:#CDCCC4;--sa:#D9634E;--sa2:#E5745F;--sal:#FADDDA;--sap:#FEF2F0;--sag:rgba(217,99,78,.07);--gn:#2D7D4F;--gnp:#E5F2EB;--wn:#C47A2A;--wnp:#FEF3E2;--dg:#C44444;--dgp:#FDECEA;--bl:#3B6FE8;--blp:#EBF1FD;--pill:999px;--r:16px}[data-dark=true]{--bg:#1C1B18;--bg2:#252420;--wh:#2A2926;--ink:#F0EFE8;--ink2:#E0DED7;--tx:#B8B6AE;--tx2:#8A8880;--mu:#5A5854;--bd:#3A3935;--bd2:#4A4844;--sa:#E06B55;--sa2:#D9634E;--sal:rgba(224,107,85,.2);--sap:rgba(224,107,85,.12);--sag:rgba(224,107,85,.07);--gn:#3D9E65;--gnp:rgba(61,158,101,.18);--wn:#D48C3A;--wnp:rgba(212,140,58,.18);--dg:#D95555;--dgp:rgba(217,85,85,.18);--bl:#5B8DEF;--blp:rgba(91,141,239,.15)}[data-dark=true] body{color-scheme:dark}[data-dark=true] .sidebar{border-right-color:var(--bd)}.inp:focus,[data-dark=true] .inp,[data-dark=true] .sel{background:var(--bg2);color:var(--ink)}[data-dark=true] .bp{background:var(--sa);color:#fff}[data-dark=true] .bp:hover{background:var(--sa2)}[data-dark=true] .bs{background:var(--bg2);color:var(--ink);border-color:var(--bd2)}[data-dark=true] .bs:hover{border-color:var(--sa);color:var(--sa)}[data-dark=true] .bsa{background:var(--sa);color:#fff}[data-dark=true] .card{background:var(--wh);border-color:var(--bd)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}::selection{background:var(--sal);color:var(--ink)}@keyframes fu{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes si{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.fu{animation:fu .35s ease both}.si{animation:si .3s ease both}.pop{animation:pop .22s ease both}.card{background:var(--wh);border-radius:var(--r);border:1px solid var(--bd);transition:border-color .2s}.card:hover{border-color:var(--bd2)}.inp{width:100%;padding:10px 14px;border:1.5px solid var(--bd);border-radius:10px;font-family:Outfit,sans-serif;font-size:.84rem;color:var(--ink);background:var(--wh);transition:all .2s;outline:none}.inp:focus{border-color:var(--sa);box-shadow:0 0 0 3px rgba(217,99,78,.08)}.inp::placeholder{color:var(--mu)}.inp-lock{background:var(--bg);color:var(--tx);cursor:not-allowed;border-color:var(--bd)}.sel{width:100%;padding:10px 14px;border:1.5px solid var(--bd);border-radius:10px;font-family:Outfit,sans-serif;font-size:.84rem;color:var(--ink);background:var(--wh);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2358584E' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s}.sel:focus{border-color:var(--sa);box-shadow:0 0 0 3px rgba(217,99,78,.08)}.bp{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--ink);color:#fff;border:none;border-radius:var(--pill);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 1px 3px rgba(0,0,0,.12)}.bp:hover{background:var(--ink2);box-shadow:0 2px 6px rgba(0,0,0,.18)}.bp:disabled{opacity:.5;cursor:not-allowed}.bs{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--wh);color:var(--ink);border:1.5px solid var(--bd);border-radius:var(--pill);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s}.bs:hover{border-color:var(--sa);color:var(--sa)}.bsa{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--sa);color:#fff;border:none;border-radius:var(--pill);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s}.bsa:hover{background:var(--sa2)}.bdg{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--pill);font-size:.66rem;font-weight:600}.bdg-sa{background:var(--sap);color:var(--sa)}.bdg-gn{background:var(--gnp);color:var(--gn)}.bdg-dg{background:var(--dgp);color:var(--dg)}.bdg-wn{background:var(--wnp);color:var(--wn)}.bdg-bl{background:var(--blp);color:var(--bl)}.ov{position:fixed;inset:0;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;align-items:center;justify-content:center;padding:20px}.mo,.ov{display:flex}.mo{background:var(--wh);border-radius:20px;width:100%;max-width:620px;max-height:calc(100vh - 40px);flex-direction:column;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.12);animation:pop .22s ease}.mo>div:nth-child(2){flex:1 1;overflow-y:auto;min-height:0}.mo>div:nth-child(2)::-webkit-scrollbar{width:3px}.mo>div:nth-child(2)::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.sect-title{font-size:.68rem;color:var(--mu);letter-spacing:.07em;padding:0 0 8px;margin:20px 0 12px;border-bottom:1px solid var(--bd)}.sect-title,.section-hd{font-weight:700;text-transform:uppercase}.section-hd{font-size:.76rem;color:var(--tx);display:flex;align-items:center;gap:8px;margin-bottom:12px;letter-spacing:.05em}.sidebar{width:220px;min-height:100vh;background:var(--wh);border-right:1px solid var(--bd);padding:0;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.sidebar-btn{display:flex;align-items:center;gap:10px;padding:8px 14px;margin:1px 10px;border-radius:10px;border:none;cursor:pointer;font-family:Outfit;font-size:.82rem;font-weight:500;transition:all .15s;text-align:left;width:calc(100% - 20px);background:transparent;color:var(--tx)}.sidebar-btn.active{background:var(--sap);color:var(--sa);font-weight:700}.sidebar-btn:hover:not(.active){background:var(--bg);color:var(--ink)}.sidebar-user-icon{display:none}.sidebar-collapsed{width:64px;min-width:64px;overflow:hidden}.sidebar-collapsed .sidebar-badge-count,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-user-full{display:none!important}.sidebar-collapsed .sidebar-btn{justify-content:center;padding:10px 0;margin:1px 4px;width:calc(100% - 8px)}.sidebar-collapsed .sidebar-user-icon{display:flex!important;align-items:center;justify-content:center;padding:8px;margin:0 4px;width:calc(100% - 8px)}.sidebar-toggle:hover{background:var(--sap)!important;color:var(--sa)!important}.spinner{width:20px;height:20px;border:2px solid var(--bd);border-top-color:var(--sa);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-mic{0%,to{box-shadow:0 0 0 0 rgba(196,68,68,.4)}50%{box-shadow:0 0 0 6px rgba(196,68,68,0)}}.demo-page{min-height:100%;padding:8px 0}.demo-card{background:var(--wh);border:1px solid var(--bd);border-radius:16px;padding:24px;margin-bottom:16px}.demo-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.demo-card-icon{width:40px;height:40px;border-radius:12px;background:var(--gnp);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.demo-card-titles{flex:1 1;min-width:0}.demo-card-title{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:2px}.demo-card-subtitle{font-size:.74rem;color:var(--tx2)}.demo-card-badge{margin-left:auto;padding:4px 12px;border-radius:999px;font-size:.68rem;font-weight:600;background:var(--gnp);color:var(--gn);flex-shrink:0}.demo-field{display:flex;flex-direction:column;gap:6px}.demo-field-label{font-size:.76rem;font-weight:600;color:var(--tx)}.demo-field-label .req{color:var(--dg);margin-left:2px}.demo-input,.demo-select,.demo-textarea{width:100%;padding:11px 14px;border:1.5px solid var(--bd);border-radius:12px;font-family:Outfit,sans-serif;font-size:.84rem;color:var(--ink);background:var(--bg);transition:all .2s;outline:none}.demo-input:focus,.demo-select:focus,.demo-textarea:focus{border-color:var(--sa);box-shadow:0 0 0 3px rgba(217,99,78,.08)}.demo-input::placeholder,.demo-textarea::placeholder{color:var(--mu)}.demo-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2358584E' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.demo-textarea{resize:vertical;min-height:80px}.demo-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.demo-grid-1{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.demo-toggle-group{display:inline-flex;border-radius:12px;border:1.5px solid var(--bd);overflow:hidden;background:var(--bg)}.demo-toggle-btn{padding:10px 24px;border:none;background:transparent;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;color:var(--tx);cursor:pointer;transition:all .2s}.demo-toggle-btn.active{background:var(--gn);color:#fff}.demo-save-bar{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding:16px 0;position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);z-index:1}.burger{display:none}@media(max-width:768px){.sidebar{position:-webkit-sticky;position:sticky;top:0;width:64px;min-width:64px;height:100vh;overflow-y:auto;overflow-x:hidden;padding:10px 0;transition:none}.sidebar-badge-count,.sidebar-label,.sidebar-logo-full,.sidebar-user-full{display:none!important}.sidebar-btn{padding:10px 0;margin:1px 4px}.sidebar-btn,.sidebar-user-icon{justify-content:center;width:calc(100% - 8px)}.sidebar-user-icon{display:flex!important;align-items:center;padding:8px;margin:0 4px}.main-content{padding:16px!important}.bp{padding:9px 14px;font-size:.76rem;white-space:nowrap}.etab-grid-2,.etab-grid-3{grid-template-columns:1fr!important;gap:12px!important}.etab-grid-4{grid-template-columns:1fr!important;gap:10px!important}.etab-header{flex-direction:column;gap:10px!important;align-items:flex-start!important}.etab-header .bp,.etab-header .bsa{width:100%}.etab-logo-layout{flex-direction:column;text-align:center}.etab-logo-layout,.etab-logo-layout>div:last-child{align-items:center}.etab-logo-layout>div:last-child>div:last-child{justify-content:center}.etab-bottom-pad{padding-bottom:24px!important}.demo-grid-2,.params-pwd-grid{grid-template-columns:1fr!important}}