*{box-sizing:border-box;font-family:"Open Sans",sans-serif;padding:0;margin:0}:root{--text-color:#495057;--text-color-secondary:#6c757d;--border-radius:6px;--primary-color:#14b8a6;--primary-color-text:#ffffff;--surface-ground:#eff3f8;--surface-section:#ffffff;--surface-card:#ffffff;--surface-overlay:#ffffff;--surface-border:#dfe7ef;--surface-hover:#f6f9fc;--surface-0: #ffffff;--surface-50: #FAFAFA;--surface-100: #F5F5F5;--surface-200: #EEEEEE;--surface-300: #E0E0E0;--surface-400: #BDBDBD;--surface-500: #9E9E9E;--surface-600: #757575;--surface-700: #616161;--surface-800: #424242;--surface-900: #212121;--blue-50:#f5f9ff;--blue-100:#d0e1fd;--blue-200:#abc9fb;--blue-300:#85b2f9;--blue-400:#609af8;--blue-500:#3b82f6;--blue-600:#326fd1;--blue-700:#295bac;--blue-800:#204887;--blue-900:#183462;--green-50:#f4fcf7;--green-100:#caf1d8;--green-200:#a0e6ba;--green-300:#76db9b;--green-400:#4cd07d;--green-500:#22c55e;--green-600:#1da750;--green-700:#188a42;--green-800:#136c34;--green-900:#0e4f26;--yellow-50:#fefbf3;--yellow-100:#faedc4;--yellow-200:#f6de95;--yellow-300:#f2d066;--yellow-400:#eec137;--yellow-500:#eab308;--yellow-600:#c79807;--yellow-700:#a47d06;--yellow-800:#816204;--yellow-900:#5e4803;--cyan-50:#f3fbfd;--cyan-100:#c3edf5;--cyan-200:#94e0ed;--cyan-300:#65d2e4;--cyan-400:#35c4dc;--cyan-500:#06b6d4;--cyan-600:#059bb4;--cyan-700:#047f94;--cyan-800:#036475;--cyan-900:#024955;--pink-50:#fef6fa;--pink-100:#fad3e7;--pink-200:#f7b0d3;--pink-300:#f38ec0;--pink-400:#f06bac;--pink-500:#ec4899;--pink-600:#c93d82;--pink-700:#a5326b;--pink-800:#822854;--pink-900:#5e1d3d;--indigo-50:#f7f7fe;--indigo-100:#dadafc;--indigo-200:#bcbdf9;--indigo-300:#9ea0f6;--indigo-400:#8183f4;--indigo-500:#6366f1;--indigo-600:#5457cd;--indigo-700:#4547a9;--indigo-800:#363885;--indigo-900:#282960;--teal-50:#f3fbfb;--teal-100:#c7eeea;--teal-200:#9ae0d9;--teal-300:#6dd3c8;--teal-400:#41c5b7;--teal-500:#14b8a6;--teal-600:#119c8d;--teal-700:#0e8174;--teal-800:#0b655b;--teal-900:#084a42;--orange-50:#fff8f3;--orange-100:#feddc7;--orange-200:#fcc39b;--orange-300:#fba86f;--orange-400:#fa8e42;--orange-500:#f97316;--orange-600:#d46213;--orange-700:#ae510f;--orange-800:#893f0c;--orange-900:#642e09;--bluegray-50:#f7f8f9;--bluegray-100:#dadee3;--bluegray-200:#bcc3cd;--bluegray-300:#9fa9b7;--bluegray-400:#818ea1;--bluegray-500:#64748b;--bluegray-600:#556376;--bluegray-700:#465161;--bluegray-800:#37404c;--bluegray-900:#282e38;--purple-50:#fbf7ff;--purple-100:#ead6fd;--purple-200:#dab6fc;--purple-300:#c996fa;--purple-400:#b975f9;--purple-500:#a855f7;--purple-600:#8f48d2;--purple-700:#763cad;--purple-800:#5c2f88;--purple-900:#432263;--red-50:#fff5f5;--red-100:#ffd0ce;--red-200:#ffaca7;--red-300:#ff8780;--red-400:#ff6259;--red-500:#ff3d32;--red-600:#d9342b;--red-700:#b32b23;--red-800:#8c221c;--red-900:#661814;--primary-50:#f3fbfb;--primary-100:#c7eeea;--primary-200:#9ae0d9;--primary-300:#6dd3c8;--primary-400:#41c5b7;--primary-500:#14b8a6;--primary-600:#119c8d;--primary-700:#0e8174;--primary-800:#0b655b;--primary-900:#084a42;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--background: #202020;--primary: #14b8a6;color-scheme:light}.tabela-layout:empty{display:flex;justify-content:center;align-items:center;height:200px;color:var(--surface-700);font-size:14px;font-weight:600}.tabela-layout:empty:before{content:"Nenhum registro carregado."}.tabela{width:100%;overflow-y:auto;max-height:calc(100vh - 120px);height:100vh}.tabela.fullscream{max-height:calc(100vh - 120px);height:100vh}.tabela .linha{width:fit-content;display:flex;border-bottom:1px solid var(--surface-300);transition:all .3s}.tabela .linha:not(.cabecalho):hover{background:var(--surface-200)}.tabela .linha .inputstype{padding:0 4px;margin:auto 2px;border:1px solid var(--bluegray-200);height:26px;overflow:hidden;border-radius:16px}.tabela .linha .inputstype input{width:calc(100% - 20px);border:none;background:#f5f5f5;padding:4px;border-radius:4px;font-size:10px;text-align:center;outline:none}.tabela .linha .inputstype input input:focus{font-style:italic}.tabela .linha .inputstype textarea{width:100%;resize:vertical;min-height:26px;max-height:100px;font-family:inherit;line-height:1.2;border:none;background:#f5f5f5;padding:4px;outline:none}.tabela .linha .inputstype i{width:20px;height:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:50%}.tabela .linha .inputstype .edit{background:var(--blue-500);border:1px solid var(--blue-500);color:#fff}.tabela .linha .inputstype .edit:hover{background:var(--blue-600)}.tabela .linha .inputstype .save{background:var(--green-500);border:1px solid var(--green-500);color:#fff}.tabela .linha .inputstype .save:hover{background:var(--green-600)}.tabela .linha .inputstype input:enabled~.edit,.tabela .linha .inputstype textarea:enabled~.edit{display:none}.tabela .linha .inputstype input:disabled~.save,.tabela .linha .inputstype textarea:disabled~.save{display:none}.tabela .linha>*{width:120px;flex:1;margin:2px;padding:10px 2px;font-size:11px;color:var(--surface-900);display:flex;align-items:center;word-break:break-word;overflow-wrap:break-word}.tabela .linha>*>svg.desc{transform:rotate(180deg)}.tabela .linha>*.link{text-decoration:none;font-weight:900;color:var(--orange-500);cursor:pointer;transition:all .4s;justify-content:center}.tabela .linha>*.link:hover{background:var(--orange-500);color:#fff}.tabela .linha>*.tsearch{cursor:pointer;justify-content:space-between !important;position:relative}.tabela .linha>*.tsearch input{width:100%;height:100%;outline:none;border:1px solid var(--surface-300);padding:2px;display:none}.tabela .linha>*.filtro{cursor:pointer;justify-content:space-between !important;position:relative}.tabela .linha>*.filtro select{width:100%;height:100%;background:rgba(0,0,0,0);color:rgba(0,0,0,0);border:none;position:absolute;top:0;left:0;outline:none;cursor:pointer}.tabela .linha>*.filtro select option{color:var(--surface-800)}.tabela .linha>*.center{justify-content:center}.tabela .linha>*.select select{width:100%;border-radius:16px;font-size:12px;text-align:center;white-space:break-spaces;cursor:pointer;outline:none}.tabela .linha.cabecalho{background:var(--surface-200);position:sticky;top:0;z-index:2}.tabela .linha.cabecalho>*{color:var(--serface-700);font-weight:600;display:flex;flex-wrap:wrap;justify-content:space-between}.tabela .linha.cabecalho>*.cl_filtro>svg,.tabela .linha.cabecalho>*.cl_filtro>span,.tabela .linha.cabecalho>*.cl_filtro>div>svg{color:var(--surface-900)}.tabela .linha.cabecalho>* span{width:100%}.tabela .linha.cabecalho>* .boxfilter{position:absolute;background:#fff;z-index:3;max-width:300%;padding:0;top:0;left:0;border:1px solid var(--surface-200);overflow:hidden;transition:all .3s;height:0}.tabela .linha.cabecalho>* .boxfilter .searchbox{border:1px solid var(--surface-300);width:100%;outline:none}.tabela .linha.cabecalho>* .boxfilter .listbox{gap:1px;background:var(--surface-400);max-height:131px;height:fit-content;overflow:hidden;overflow-y:auto}.tabela .linha.cabecalho>* .boxfilter .listbox label{display:flex;gap:3px;font-size:12px;color:var(--surface-900);cursor:pointer;background:#fff;padding:4px 0;white-space:nowrap;transition:all .3s ease-in-out;text-overflow:ellipsis;overflow:hidden}.tabela .linha.cabecalho>* .boxfilter .listbox label *{cursor:pointer}.tabela .linha.cabecalho>*:nth-last-child(1) .boxfilter,.tabela .linha.cabecalho>*:nth-last-child(2) .boxfilter,.tabela .linha.cabecalho>*:nth-last-child(3) .boxfilter{left:auto;right:0}section.paginacao{display:flex;justify-content:center;align-items:center;position:relative;gap:4px;padding:12px 0}section.paginacao .contadores{display:flex;gap:6px;margin-right:auto;order:-1;align-items:center}section.paginacao .contadores>div{display:flex;flex-direction:column;align-items:center;min-width:55px;height:36px;padding:4px 6px;border-radius:var(--border-radius);position:relative;overflow:hidden;background:linear-gradient(135deg, var(--primary-400), var(--primary-500))}section.paginacao .contadores>div.blue{background:linear-gradient(135deg, var(--blue-400), var(--blue-500))}section.paginacao .contadores>div.yellow{background:linear-gradient(135deg, var(--yellow-400), var(--yellow-500))}section.paginacao .contadores>div.orange{background:linear-gradient(135deg, var(--orange-400), var(--orange-500))}section.paginacao .contadores>div.green{background:linear-gradient(135deg, var(--green-400), var(--green-500))}section.paginacao .contadores>div.red{background:linear-gradient(135deg, var(--red-400), var(--red-500))}section.paginacao .contadores>div.cyan{background:linear-gradient(135deg, var(--cyan-400), var(--cyan-500))}section.paginacao .contadores>div.purple{background:linear-gradient(135deg, var(--purple-400), var(--purple-500))}section.paginacao .contadores>div.gray{background:linear-gradient(135deg, var(--gray-400), var(--gray-500))}section.paginacao .contadores>div.pink{background:linear-gradient(135deg, var(--pink-400), var(--pink-500))}section.paginacao .contadores>div.indigo{background:linear-gradient(135deg, var(--indigo-400), var(--indigo-500))}section.paginacao .contadores>div.teal{background:linear-gradient(135deg, var(--teal-400), var(--teal-500))}section.paginacao .contadores>div div:first-child{font-size:14px;font-weight:700;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}section.paginacao .contadores>div div:last-child{font-size:7px;font-weight:600;color:hsla(0,0%,100%,.9);text-transform:uppercase;line-height:1;margin-top:1px;text-align:center;letter-spacing:.2px}section.paginacao.coutinline{display:flex;justify-content:center;align-items:center;position:relative;gap:3px;padding:12px 0}section.paginacao.coutinline .accountants{display:flex;gap:6px;margin-right:auto;order:-1;align-items:center}section.paginacao.coutinline .accountants>div{display:flex;flex-direction:column;align-items:center;min-width:55px;height:36px;padding:4px 6px;border-radius:var(--border-radius);position:relative;overflow:hidden;background:linear-gradient(135deg, var(--blue-400), var(--blue-500))}section.paginacao.coutinline .accountants>div:nth-child(2){background:linear-gradient(135deg, var(--green-400), var(--green-500))}section.paginacao.coutinline .accountants>div div:first-child{font-size:14px;font-weight:700;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}section.paginacao.coutinline .accountants>div div:last-child{font-size:7px;font-weight:600;color:hsla(0,0%,100%,.9);text-transform:uppercase;line-height:1;margin-top:1px;text-align:center;letter-spacing:.2px}section.paginacao.coutinline>span{position:static;left:auto;margin:0 8px}section.paginacao.coutinline .buttonactiontable{display:flex;gap:4px;position:static;margin-left:auto}section.paginacao button{width:20px;height:20px;border:none;border-radius:50%;outline:none;font-weight:600;cursor:pointer;transition:all .7s ease;user-select:none;background:var(--surface-200);margin:0 2px}section.paginacao button.selected+.next,section.paginacao button.selected+.next+.last{opacity:.2;cursor:no-drop;pointer-events:none}section.paginacao button:hover{box-shadow:inset 0 0 0 32px rgba(0,0,0,.1333333333)}section.paginacao button.selected{background:var(--orange-500);border-color:var(--orange-500)}section.paginacao>span{position:static;left:auto;color:var(--surface-900);margin:0 8px}section.paginacao>em{position:absolute;right:0;background:var(--primary-color);color:#fff;font-size:12px;font-weight:600;letter-spacing:1.1px;padding:4px;border-radius:3px;cursor:pointer}section.paginacao>em:hover{background:var(--primary-600)}section.paginacao .buttonactiontable{position:static;right:auto;display:flex;gap:4px;margin-left:auto}section.paginacao .buttonactiontable section{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--surface-600);font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}section.paginacao .buttonactiontable section:hover{background:var(--surface-50);color:var(--surface-700);border-color:var(--surface-200)}section.paginacao .buttonactiontable section:active{background:var(--surface-100);color:var(--surface-800);transform:translateY(1px)}section.paginacao .buttonactiontable section:disabled,section.paginacao .buttonactiontable section.disabled{color:var(--surface-400);cursor:not-allowed;pointer-events:none}section.paginacao .buttonactiontable section:disabled:hover,section.paginacao .buttonactiontable section.disabled:hover{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}section.paginacao #quantitypage{outline:none;border:1px solid var(--surface-300);border-radius:8px;padding:4px 8px;font-size:12px;cursor:pointer;background:#fff;color:var(--surface-900);appearance:none;-webkit-appearance:none;-moz-appearance:none;text-align:center;font-weight:600;margin:0 8px}@media screen and (max-width: 768px){section.paginacao{height:90px;align-self:flex-end;flex-wrap:wrap;gap:4px}section.paginacao button{align-self:end;margin:0 4px}section.paginacao>span{top:12px;font-size:14px;margin:0 4px;top:auto;left:auto}section.paginacao .buttonactiontable{top:12px;top:auto;right:auto;margin-left:auto}section.paginacao #quantitypage{align-self:end;margin-left:4px;margin:0 4px}}.preload{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--surface-0);display:flex;justify-content:center;align-items:center;z-index:9999}.preload-content{text-align:center}.preload-message{color:var(--text-color);font-size:18px;margin-bottom:20px;font-weight:500}.preload-bar{width:300px;height:6px;background-color:var(--surface-200);border-radius:var(--border-radius);overflow:hidden;position:relative}.preload-bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background:linear-gradient(90deg, var(--primary-color) 0%, var(--primary-600) 100%);border-radius:var(--border-radius);animation:preload-slide 1.5s infinite ease-in-out}@keyframes preload-slide{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(300%)}}body.dialog-open{overflow:hidden}.dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1050;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;animation:dialog-fade-in .3s ease-out}.dialog .dialog-form{background:var(--surface-0);border-radius:var(--border-radius);box-shadow:0 8px 32px rgba(0,0,0,.2);width:auto;min-width:350px;max-width:750px;max-height:98vh;overflow:hidden;animation:dialog-slide-up .4s ease-out}@media(max-width: 768px){.dialog .dialog-form{margin:1vh;min-width:auto;width:calc(100% - 2vh)}}.dialog .dialog-form .dialog-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--surface-border);background:var(--surface-50)}.dialog .dialog-form .dialog-form-header .dialog-form-header-title{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.dialog .dialog-form .dialog-form-header .dialog-close{background:var(--red-200);color:var(--surface-0);border:none;border-radius:8px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease}.dialog .dialog-form .dialog-form-header .dialog-close:hover{background:var(--red-500)}.dialog .dialog-form .dialog-form-header .dialog-close svg{width:18px;height:18px}.dialog .dialog-form .dialog-form-body{padding:24px;max-height:calc(98vh - 140px);overflow-y:auto}.dialog .dialog-form .dialog-form-body .dialog-form-body-message{margin:0;color:var(--text-color);font-size:16px;line-height:1.5}.dialog .dialog-form .dialog-form-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--surface-border);background:var(--surface-50)}.dialog .dialog-form .dialog-form-footer button{padding:8px 16px;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.dialog .dialog-form .dialog-form-footer button[type=button]{background:var(--surface-200);color:var(--text-color)}.dialog .dialog-form .dialog-form-footer button[type=button]:hover{background:var(--surface-300)}.dialog .dialog-form .dialog-form-footer button[type=submit]{background:var(--primary-color);color:var(--primary-color-text)}.dialog .dialog-form .dialog-form-footer button[type=submit]:hover{background:var(--primary-600)}.dialog-success .dialog-form .dialog-form-header{background:var(--green-50);border-color:var(--green-200)}.dialog-success .dialog-form .dialog-form-header .dialog-form-header-title{color:var(--green-800)}.dialog-success .dialog-form .dialog-form-footer{background:var(--green-50);border-color:var(--green-200)}.dialog-success .dialog-form .dialog-form-footer button[type=submit]{background:var(--green-500);color:var(--surface-0)}.dialog-success .dialog-form .dialog-form-footer button[type=submit]:hover{background:var(--green-600)}.dialog-error .dialog-form .dialog-form-header{background:var(--red-50);border-color:var(--red-200)}.dialog-error .dialog-form .dialog-form-header .dialog-form-header-title{color:var(--red-800)}.dialog-error .dialog-form .dialog-form-footer{background:var(--red-50);border-color:var(--red-200)}.dialog-error .dialog-form .dialog-form-footer button[type=submit]{background:var(--red-500);color:var(--surface-0)}.dialog-error .dialog-form .dialog-form-footer button[type=submit]:hover{background:var(--red-600)}.dialog-alert .dialog-form .dialog-form-header{background:var(--yellow-50);border-color:var(--yellow-200)}.dialog-alert .dialog-form .dialog-form-header .dialog-form-header-title{color:var(--yellow-800)}.dialog-alert .dialog-form .dialog-form-footer{background:var(--yellow-50);border-color:var(--yellow-200)}.dialog-alert .dialog-form .dialog-form-footer button[type=submit]{background:var(--yellow-500);color:var(--yellow-900)}.dialog-alert .dialog-form .dialog-form-footer button[type=submit]:hover{background:var(--yellow-600)}@keyframes dialog-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes dialog-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes dialog-slide-up{0%{opacity:0;transform:translateY(30px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-slide-down{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(30px) scale(0.95)}}.toast-container{position:fixed;top:20px;right:20px;z-index:1050;display:flex;flex-direction:column;gap:10px}.toast{min-width:250px;max-width:350px;padding:16px 24px;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--primary-color-text);font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:space-between;opacity:.95;transition:opacity .3s}.toast-success{background-color:var(--green-500)}.toast-error{background-color:var(--red-500)}.toast-alert{background-color:var(--yellow-500);color:var(--text-color)}.toast-neutral{background-color:var(--surface-200);color:var(--text-color)}.toast-close{margin-left:16px;cursor:pointer;font-size:18px;color:inherit;background:none;border:none;outline:none}.header-container{position:sticky;top:0;z-index:1000;height:50px;background:var(--surface-section);border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.header-container .header-left{display:flex;align-items:center;gap:1rem}.header-container .header-left .menu-hamburger{width:24px;height:24px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px;border-radius:var(--border-radius);transition:all .3s ease}.header-container .header-left .menu-hamburger:hover{background:var(--surface-hover)}.header-container .header-left .menu-hamburger .line{width:16px;height:2px;background:var(--text-color);border-radius:1px;transition:all .3s ease}.header-container .header-left .menu-hamburger.active .line:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.header-container .header-left .menu-hamburger.active .line:nth-child(2){opacity:0}.header-container .header-left .menu-hamburger.active .line:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.header-container .header-left .header-title{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.header-container .header-right{display:flex;align-items:center;gap:1rem}.header-container .header-right .user-info{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--border-radius);cursor:pointer}.header-container .header-right .user-info:hover{background:var(--surface-hover)}.header-container .header-right .user-info .user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--primary-color-text);font-weight:600;font-size:.875rem}.header-container .header-right .user-info .user-details .user-name{font-size:.875rem;font-weight:500;color:var(--text-color);line-height:1.2}.header-container .header-right .user-info .user-details .user-email{font-size:.75rem;color:var(--text-color-secondary);line-height:1.2}.header-container .header-right .logout-btn{width:36px;height:36px;border:none;background:rgba(0,0,0,0);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.header-container .header-right .logout-btn:hover{background:var(--surface-hover)}.header-container .header-right .logout-btn svg{width:18px;height:18px;stroke:var(--text-color)}@media(max-width: 768px){.header-container{padding:0 .5rem}.header-container .header-left .header-title{font-size:1rem}.header-container .header-right .user-info .user-details{display:none}}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1500;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-container{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--surface-section);border-right:1px solid var(--surface-border);z-index:2000;transition:all .3s ease;overflow-y:auto}.sidebar-container.active{left:0}.sidebar-container .sidebar-header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--surface-border)}.sidebar-container .sidebar-header .sidebar-title{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.sidebar-container .sidebar-header .sidebar-close{width:32px;height:32px;border:none;background:rgba(0,0,0,0);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar-container .sidebar-header .sidebar-close:hover{background:var(--surface-hover)}.sidebar-container .sidebar-header .sidebar-close svg{width:16px;height:16px;stroke:var(--text-color)}.sidebar-container .sidebar-menu{padding:1rem 0}.sidebar-container .sidebar-menu .menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:var(--text-color);font-size:.875rem;font-weight:500;transition:all .3s ease}.sidebar-container .sidebar-menu .menu-item:hover{background:var(--surface-hover)}.sidebar-container .sidebar-menu .menu-item.active{background:var(--blue-50);color:var(--blue-600);border-right:3px solid var(--blue-500)}.sidebar-container .sidebar-menu .menu-item .menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-container .sidebar-menu .menu-item .menu-icon svg{width:18px;height:18px;stroke:currentColor}@media(max-width: 480px){.sidebar-container{width:100vw;left:-100vw}.sidebar-container.active{left:0}}.iframe-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;transform:translateY(-100%);z-index:10000}.iframe-overlay[style*=height]{bottom:auto;background:var(--surface-section)}@media(max-width: 768px){.iframe-overlay{border-radius:0}}@media(max-width: 480px){.iframe-overlay{border-radius:0}}.iframe-overlay iframe{width:100%;height:100%;border:none;display:block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.iframe-overlay.iframe-fullscreen{border-radius:0 !important}.iframe-overlay.iframe-modal{top:5%;height:90%;border-radius:var(--border-radius)}.iframe-overlay.iframe-modal[style*="top: 0"]{top:0}.iframe-overlay.iframe-modal[style*="height: 100%"]{height:100%}@media(max-width: 768px){.iframe-overlay.iframe-modal{top:2%;height:96%}}@media(max-width: 480px){.iframe-overlay.iframe-modal{top:0 !important;height:100% !important;border-radius:0}}.iframe-overlay.iframe-compact{max-width:800px;left:50%;transform:translateX(-50%) translateY(-100%)}@media(max-width: 868px){.iframe-overlay.iframe-compact{left:1rem;right:1rem;max-width:none;transform:translateY(-100%)}}