@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,figure,dl,dd,ul,ol,li,form,fieldset,legend,input,button,textarea,select,table,th,td{margin:0;padding:0}body{background-color:var(--color-bg-primary);font-family:"Inter";font-weight:400;color:var(--color-text-primary);font-size:14px}ul,ol{list-style:none}a{text-decoration:none;color:inherit}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}article,aside,footer,header,nav,section,main,figure,figcaption,details,summary{display:block}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer}summary{cursor:pointer;list-style:none}.center{text-align:center}:root{--color-bg-primary: #1e1e1e;--color-bg-secondary: #282828;--color-bg-button: rgba(255, 255, 255, 0.1);--color-bg-code: #151515;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, 0.7);--color-lines: rgba(255, 255, 255, 0.3);--color-primary: #0070c0;--color-secondary: #9b51e0;--color-success: #27ae60;--color-warning: #f2c94c;--color-danger: #eb5757;--color-primary-hover: #005fa3;--color-secondary-hover: #8438c9;--color-success-hover: #1e874c;--color-warning-hover: #d6b132;--color-danger-hover: #c74444;--on-primary: #e7f3f8;--on-secondary: #f8f3fc;--on-danger: #fdebec;--on-warning: #fbf3db;--on-success: #edf3ec;--color-brand: #ffffff;--blue: #2383e2;--on-blue: #e7f3f8;--red: #eb5757;--on-red: #fdebec;--yellow: #f2c94c;--on-yellow: #fbf3db;--violet: #9b51e0;--on-violet: #f8f3fc;--green: #27ae60;--on-green: #edf3ec;--gray: #595959;--on-gray: #f5f5f5;--shadow-default: rgba(0, 0, 0, 0.1);--transition-speed: 0.1s}.light-mode{--color-bg-primary: #f5f5f5;--color-bg-secondary: #ffffff;--color-bg-button: #dfdfdf;--color-bg-code: #151515;--color-text-primary: #000000;--color-text-secondary: #595959;--color-lines: #dfdfdf;--color-primary: #0070c0;--color-secondary: #9b51e0;--color-success: #27ae60;--color-warning: #f2c94c;--color-danger: #eb5757;--color-brand: #000000;--blue: #e7f3f8;--on-blue: #0070c0;--red: #fdebec;--on-red: #eb5757;--yellow: #fbf3db;--on-yellow: #f2c94c;--violet: #f8f3fc;--on-violet: #9b51e0;--green: #edf3ec;--on-green: #27ae60;--gray: #f5f5f5;--on-gray: #595959;--shadow-default: rgba(0, 0, 0, 0.05)}.layout header{position:fixed;width:100%;height:50px;background:var(--color-bg-primary);display:flex;justify-content:space-between;align-items:center;padding:0 20px}.layout header .header-left,.layout header .header-right{display:flex;align-items:center}.layout header .header-right{gap:5px}.layout header .toogle-button{font-size:20px;margin-right:15px}.layout header h1{font-family:"Inter";font-weight:700;font-size:20px}.layout header h1 span{font-family:"Inter";font-weight:200}.layout header h1 a:hover{text-decoration:underline}.layout aside{width:160px;height:100vh;background:var(--color-bg-primary);position:fixed;top:50px;padding-top:20px;overflow:hidden;transition:width var(--transition-speed)}.layout aside li{padding:0px 10px;transition:var(--transition-speed);white-space:nowrap}.layout aside li a{font-size:14px;display:flex;align-items:center;gap:15px;padding:8px 10px;width:100%;transition:var(--transition-speed);border-radius:5px}.layout aside li a:hover,.layout aside li a.active{background:var(--color-bg-button)}.layout aside .sidebar-footer{position:absolute;bottom:60px;left:0;width:100%;display:flex;align-items:center;gap:10px;padding:10px}.layout aside .sidebar-footer .logo{width:30px;height:auto}.layout aside .sidebar-footer .site-name{font-family:"Inter";font-weight:700;font-size:18px;color:var(--color-brand);display:inline-block}.layout aside.collapsed{width:60px}.layout aside.collapsed li{justify-content:center;padding:0px 10px}.layout aside.collapsed a{justify-content:center;padding:8px}.layout aside.collapsed .nav-text{display:none}.layout aside.collapsed .nav-icon{margin:0 auto;font-size:15px;width:18px;text-align:center}.layout aside.collapsed .sidebar-footer{justify-content:center}.layout aside.collapsed .sidebar-footer .site-name{display:none}main{flex:1;margin:50px 10px 10px 160px;padding:20px;background:var(--color-bg-secondary);border-radius:7px;box-shadow:0 4px 10px var(--shadow-default),0 -4px 10px var(--shadow-default),4px 0 10px var(--shadow-default),-4px 0 10px var(--shadow-default);z-index:10;overflow-y:auto;height:calc(100vh - 60px);transition:margin-left var(--transition-speed)}aside.collapsed+main{margin-left:60px}.light-mode main{box-shadow:0 4px 8px var(--shadow-default),0 -4px 8px var(--shadow-default),4px 0 8px var(--shadow-default),-4px 0 8px var(--shadow-default)}.layout{display:flex;width:100%}.round-button{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%}.round-button i{font-size:13px}.round-button:hover{background:var(--color-bg-button)}.button{padding:2px 20px;border-radius:5px;border:1px solid var(--color-lines);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:10px;margin:2px 0;cursor:pointer}.button:hover{background-color:var(--color-bg-primary)}.button.primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.button.primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button.secondary{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.button.secondary:hover{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.button.success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.button.success:hover{background-color:var(--color-success-hover);border-color:var(--color-success-hover)}.button.warning{background-color:var(--color-warning);border-color:var(--color-warning);color:#fff}.button.warning:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}.button.danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.button.danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.button.blue{background-color:var(--blue);border-color:var(--blue);color:var(--on-blue)}.button.blue:hover{background-color:var(--on-blue);border-color:var(--on-blue);color:var(--blue)}.button.red{background-color:var(--red);border-color:var(--red);color:var(--on-red)}.button.red:hover{background-color:var(--on-red);border-color:var(--on-red);color:var(--red)}.button.yellow{background-color:var(--yellow);border-color:var(--yellow);color:var(--on-yellow)}.button.yellow:hover{background-color:var(--on-yellow);border-color:var(--on-yellow);color:var(--yellow)}.button.violet{background-color:var(--violet);border-color:var(--violet);color:var(--on-violet)}.button.violet:hover{background-color:var(--on-violet);border-color:var(--on-violet);color:var(--violet)}.button.green{background-color:var(--green);border-color:var(--green);color:var(--on-green)}.button.green:hover{background-color:var(--on-green);border-color:var(--on-green);color:var(--green)}.button.gray{background-color:var(--gray);border-color:var(--gray);color:var(--on-gray)}.button.gray:hover{background-color:var(--on-gray);border-color:var(--on-gray);color:var(--gray)}.main-header{border-bottom:1px solid var(--color-lines);display:flex;padding-bottom:3px;margin-bottom:20px}.main-header .main-header-title{display:flex;flex-grow:1;gap:10px;align-items:center}.main-header .main-header-title .main-header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-button);border-radius:4px}.main-header .main-header-title .main-header-icon i{font-size:16px}.main-header .main-header-title .main-header-text{font-family:"Inter";font-weight:700;font-size:26px}.main-header .main-header-nav{display:flex;gap:2px}.main-header .main-header-nav .main-header-nav-tab{align-self:flex-end;padding:2px 20px;border-radius:5px;display:flex;gap:10px;align-items:center;border:1px solid var(--color-bg-secondary)}.main-header .main-header-nav .main-header-nav-tab.active,.main-header .main-header-nav .main-header-nav-tab:hover{background-color:var(--color-bg-primary);border:1px solid var(--color-bg-primary)}.main-header .main-header-nav .main-header-nav-tab.light{border:1px solid var(--color-lines)}.main-header .main-header-nav .main-header-nav-tab.blue{background-color:var(--blue);border:1px solid var(--blue);color:var(--on-blue)}.tag{background-color:var(--gray);color:var(--on-gray);padding:2px 10px;border-radius:5px;font-size:12px;margin-right:2px;margin-left:2px}.tag i{font-size:12px}.tag.pointer{cursor:pointer}.tag.primary{background-color:var(--color-primary);color:#fff}.tag.primary *{color:#fff}.tag.secondary{background-color:var(--color-secondary);color:#fff}.tag.secondary *{color:#fff}.tag.success{background-color:var(--color-success);color:#fff}.tag.success *{color:#fff}.tag.warning{background-color:var(--color-warning);color:#fff}.tag.warning *{color:#fff}.tag.danger{background-color:var(--color-danger);color:#fff}.tag.danger *{color:#fff}.tag.blue{background-color:var(--blue);color:var(--on-blue)}.tag.blue *{color:var(--on-blue)}.tag.red{background-color:var(--red);color:var(--on-red)}.tag.red *{color:var(--on-red)}.tag.yellow{background-color:var(--yellow);color:var(--on-yellow)}.tag.yellow *{color:var(--on-yellow)}.tag.violet{background-color:var(--violet);color:var(--on-violet)}.tag.violet *{color:var(--on-violet)}.tag.green{background-color:var(--green);color:var(--on-green)}.tag.green *{color:var(--on-green)}.buble{display:inline-block;width:12px;height:12px;background-color:var(--color-primary);border-radius:50%;vertical-align:middle}.buble i{font-size:12px;color:#fff}.buble.primary{background-color:var(--color-primary);color:#fff}.buble.secondary{background-color:var(--color-secondary);color:#fff}.buble.success{background-color:var(--color-success);color:#fff}.buble.warning{background-color:var(--color-warning);color:#fff}.buble.danger{background-color:var(--color-danger);color:#fff}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{margin-top:1rem}.article h1:first-child,.article h2:first-child,.article h3:first-child,.article h4:first-child,.article h5:first-child,.article h6:first-child{margin-top:0}.article h1,.article h2{border-bottom:1px solid var(--color-lines);margin-bottom:2px}.table{border:1px solid var(--color-lines);border-radius:5px;margin-bottom:20px}.table.right-align td:last-child,.table.right-align th:last-child{text-align:right}.table table{width:100%;border-collapse:collapse;font-size:14px}.table table tr th:first-child{border-top-left-radius:5px}.table table tr th:last-child{border-top-right-radius:5px}.table table th,.table table td{padding:4px 10px}.table table th{border-bottom:1px solid var(--color-lines);text-align:left;background-color:var(--color-bg-primary)}.table table td,.table table td a{color:var(--color-text-secondary)}.table table tr:hover td,.table table tr:hover a{color:var(--color-text, primary)}.table-header{display:flex;justify-content:flex-end;gap:3px;margin-bottom:1px}.table-header .table-header-search-input{width:200px;padding:0px 10px;border:1px solid var(--color-lines);border-radius:5px;background-color:var(--color-bg-primary);margin:2px 0}.code-container{position:relative;background:var(--color-bg-code);color:#f8f8f2;padding:1rem;border-radius:5px;overflow-x:auto;font-family:"Courier New";box-shadow:0 8px 20px rgba(0,0,0,.1);margin:5px 0}.code-container code{display:block;white-space:pre}.code-container .code-copy-button{position:absolute;top:10px;right:10px;z-index:10}.modal{position:relative;z-index:200}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;backdrop-filter:blur(10px)}.modal__container{background-color:var(--color-bg-secondary);min-width:500px;max-width:90%;max-height:90vh;border-radius:4px;overflow-y:auto;box-sizing:border-box;font-size:14px;border:1px solid var(--color-lines)}.modal__header{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-primary);padding:10px 20px;border-bottom:1px solid var(--color-lines)}.modal__title{margin-top:0;margin-bottom:0;font-size:1rem;box-sizing:border-box;font-family:"Inter";font-weight:700}.modal__content{margin-top:0;margin-bottom:0;line-height:1.5;height:auto;padding:10px 20px}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}.boxes{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.box{flex:1 1 calc(50% - 16px);background-color:var(--color-bg-primary);padding:20px;border-radius:7px;display:flex;flex-direction:column}.box .box-header{display:flex;margin-bottom:10px}.box .box-header h3{flex-grow:1}.box .box-header .more-link{color:var(--color-primary);font-weight:bold}.box .box-header .more-link:hover{text-decoration:underline}.box .box-content{flex-grow:1}.box .box-footer{padding-top:10px;margin-bottom:-15px}.box .box-footer .center-link{display:block;text-align:center;color:var(--color-text-secondary);font-style:italic}.box .box-footer .center-link:hover{text-decoration:underline}.center-box-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;background-color:var(--color-bg-primary)}.center-box{width:90%;max-width:500px;text-align:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-lines);border-radius:5px;padding:20px}.center-box p{text-align:left;color:var(--color-text-secondary);font-size:12px;line-height:1.2}.input{width:100%;padding:4px 10px;border:1px solid var(--color-lines);border-radius:5px;background-color:var(--color-bg-primary);margin:2px 0}.select{width:100%;padding:4px 10px;border:1px solid var(--color-lines);border-radius:5px;background-color:var(--color-bg-primary);margin:2px 0}.radio{display:flex;align-items:center;gap:8px;margin:2px 0;cursor:pointer;font-size:14px}.radio input{display:none}.radio .radiomark{width:16px;height:16px;border:1px solid var(--color-lines);border-radius:50%;background-color:var(--color-bg-primary);position:relative}.radio input:checked+.radiomark::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--color-primary);border-radius:50%;transform:translate(-50%, -50%)}.radio input:checked+.radiomark{border:1.5px solid var(--color-primary)}.checkbox{display:flex;align-items:center;gap:8px;margin:2px 0;cursor:pointer;font-size:14px}.checkbox input{display:none}.checkbox .checkmark{width:16px;height:16px;border:1px solid var(--color-lines);border-radius:3px;background-color:var(--color-bg-primary);position:relative}.checkbox input:checked+.checkmark::after{content:"";position:absolute;top:50%;left:50%;width:4px;height:8px;border:solid var(--color-primary);border-width:0 2px 2px 0;transform:translate(-50%, -50%) rotate(45deg)}.checkbox input:checked+.checkmark{border:1.5px solid var(--color-primary)}.textarea{width:100%;min-height:200px;padding:4px 10px;border:1px solid var(--color-lines);border-radius:5px;background-color:var(--color-bg-primary);margin:2px 0;resize:vertical}.textarea.sm{min-height:100px}.textarea.lg{min-height:300px}.textarea.xl{min-height:400px}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.alert{width:300px;max-width:90%;border-radius:5px;padding:4px 10px;position:fixed;bottom:10px;right:10px;z-index:100;animation:slideInRight .2s ease-out;display:flex;justify-content:space-between;align-items:center;color:#fff}.alert button{background-color:rgba(0,0,0,0);border:none;float:right;font-size:1rem;cursor:pointer}.alert.hide{animation:slideOutRight .2s ease-in forwards}.alert.alert-primary{color:var(--on-blue);background-color:var(--blue)}.alert.alert-secondary{color:var(--on-violet);background-color:var(--violet)}.alert.alert-success{color:var(--on-green);background-color:var(--green)}.alert.alert-danger{color:var(--on-red);background-color:var(--red)}.alert.alert-warning{color:var(--on-yellow);background-color:var(--yellow)}.alert-success button{color:var(--vert)}.alert-danger{color:var(--rouge);background-color:var(--rouge_pastel)}.alert-danger button{color:var(--rouge)}