@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";.spinner-container[data-v-032d802c]{display:flex;justify-content:center;align-items:center;padding:20px;min-height:80dvh}.spinner-container.overlay[data-v-032d802c]{position:fixed;inset:0;background-color:#ffffffe6;z-index:9999;min-height:unset}.spinner-wrapper[data-v-032d802c]{display:flex;flex-direction:column;align-items:center;gap:12px}.spinner-circle[data-v-032d802c]{border-radius:50%;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-right:3px solid #3498db;animation:spin-032d802c 1s linear infinite}.spinner-circle.spinner-small[data-v-032d802c]{width:20px;height:20px;border-width:2px}.spinner-circle.spinner-medium[data-v-032d802c]{width:40px;height:40px}.spinner-circle.spinner-large[data-v-032d802c]{width:60px;height:60px;border-width:4px}.spinner-dots[data-v-032d802c]{display:flex;gap:8px;align-items:center}.dot[data-v-032d802c]{width:8px;height:8px;border-radius:50%;background-color:var(--dot-color, #3498db);animation:dot-appear-032d802c 1.5s ease infinite}.dot-1[data-v-032d802c]{animation-delay:0s}.dot-2[data-v-032d802c]{animation-delay:.2s}.dot-3[data-v-032d802c]{animation-delay:.4s}.spinner-dots.spinner-small .dot[data-v-032d802c]{width:6px;height:6px;gap:6px}.spinner-dots.spinner-large .dot[data-v-032d802c]{width:12px;height:12px;gap:10px}.spinner-pulse[data-v-032d802c]{border-radius:50%;animation:pulse-032d802c 1.5s ease-in-out infinite}.spinner-pulse.spinner-small[data-v-032d802c]{width:20px;height:20px}.spinner-pulse.spinner-medium[data-v-032d802c]{width:40px;height:40px}.spinner-pulse.spinner-large[data-v-032d802c]{width:60px;height:60px}.spinner-message[data-v-032d802c]{margin:0;font-size:14px;font-weight:500;text-align:center}.fade-scale-enter-active[data-v-032d802c]{transition:all .3s ease-out}.fade-scale-leave-active[data-v-032d802c]{transition:all .2s ease-in}.fade-scale-enter-from[data-v-032d802c],.fade-scale-leave-to[data-v-032d802c]{opacity:0;transform:scale(.9)}@keyframes spin-032d802c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dot-appear-032d802c{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes pulse-032d802c{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.fade-enter-active,.fade-leave-active{transition:opacity var(--v6d68343b) ease-in-out}.svg-icon-wrapper[data-v-102df917]{display:inline-flex;align-items:center;justify-content:center}.svg-icon-wrapper[data-v-102df917] svg{width:1em;height:1em;fill:currentColor}.search-icon[data-v-191cf95f]{font-weight:lighter}.open-ticket-redirect-container[data-v-c248059b]{display:flex}.open-ticket-redirect-container button[data-v-c248059b]{max-width:clamp(200px,300px,30%);margin:auto;display:flex;align-items:center;justify-content:center;font-size:.8rem!important;gap:.5rem}.open-ticket-redirect-container button svg[data-v-c248059b]{flex-shrink:0}.support-person-icon[data-v-c248059b]{height:1.3rem;width:1.3rem}.section-up-nav{transition:all .5s ease-in-out}.sos-button-wrapper{display:flex;justify-content:center;align-items:center;border-top:1px solid lightgray;width:100%}.error-page-container[data-v-4fd95ae3]{min-height:100vh;width:100%}.error-page[data-v-703ecee6]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.error-403[data-v-703ecee6]{background:linear-gradient(135deg,#fef2f2,#fed7aa)}.error-container[data-v-703ecee6]{max-width:48rem;width:100%;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:3rem;text-align:center}.error-content[data-v-703ecee6]{margin-bottom:1.5rem}.icon-wrapper[data-v-703ecee6]{display:inline-flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:50%;margin-bottom:1.5rem}.icon-forbidden[data-v-703ecee6]{background-color:#fee2e2;color:#dc2626}.icon[data-v-703ecee6]{width:3rem;height:3rem}.error-code[data-v-703ecee6]{font-size:4.5rem;font-weight:700;color:#dc2626;margin-bottom:1rem;line-height:1}.error-title[data-v-703ecee6]{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.error-description[data-v-703ecee6]{font-size:1.125rem;color:#4b5563;margin-bottom:2rem;line-height:1.75}.error-actions[data-v-703ecee6]{display:flex;flex-direction:column;gap:1rem;justify-content:center}.btn[data-v-703ecee6]{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;font-size:1rem;transition:all .2s}.btn-primary[data-v-703ecee6]{color:#fff}.btn-danger[data-v-703ecee6]{background-color:#dc2626}.btn-danger[data-v-703ecee6]:hover{background-color:#b91c1c}.btn-secondary[data-v-703ecee6]{background-color:#e5e7eb;color:#374151}.btn-secondary[data-v-703ecee6]:hover{background-color:#d1d5db}.error-footer[data-v-703ecee6]{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.footer-text[data-v-703ecee6]{font-size:.875rem;color:#6b7280}.footer-link[data-v-703ecee6]{text-decoration:none}.footer-link-danger[data-v-703ecee6]{color:#dc2626}.footer-link[data-v-703ecee6]:hover{text-decoration:underline}@media(min-width:640px){.error-actions[data-v-703ecee6]{flex-direction:row}.error-code[data-v-703ecee6]{font-size:5rem}.error-title[data-v-703ecee6]{font-size:2.5rem}.error-container[data-v-703ecee6]{padding:4rem}}.error-page[data-v-dcb8eb6d]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.error-500[data-v-dcb8eb6d]{background:linear-gradient(135deg,#faf5ff,#fbcfe8)}.error-container[data-v-dcb8eb6d]{max-width:48rem;width:100%;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:3rem;text-align:center}.error-content[data-v-dcb8eb6d]{margin-bottom:1.5rem}.icon-wrapper[data-v-dcb8eb6d]{display:inline-flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:50%;margin-bottom:1.5rem}.icon-warning[data-v-dcb8eb6d]{background-color:#f3e8ff;color:#9333ea}.icon[data-v-dcb8eb6d]{width:3rem;height:3rem}.error-code[data-v-dcb8eb6d]{font-size:4.5rem;font-weight:700;color:#9333ea;margin-bottom:1rem;line-height:1}.error-title[data-v-dcb8eb6d]{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.error-description[data-v-dcb8eb6d]{font-size:1.125rem;color:#4b5563;margin-bottom:2rem;line-height:1.75}.error-actions[data-v-dcb8eb6d]{display:flex;flex-direction:column;gap:1rem;justify-content:center}.btn[data-v-dcb8eb6d]{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;font-size:1rem;transition:all .2s}.btn-primary[data-v-dcb8eb6d]{color:#fff}.btn-warning[data-v-dcb8eb6d]{background-color:#9333ea}.btn-warning[data-v-dcb8eb6d]:hover{background-color:#7e22ce}.btn-secondary[data-v-dcb8eb6d]{background-color:#e5e7eb;color:#374151}.btn-secondary[data-v-dcb8eb6d]:hover{background-color:#d1d5db}.error-footer[data-v-dcb8eb6d]{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.footer-text[data-v-dcb8eb6d]{font-size:.875rem;color:#6b7280}.footer-link[data-v-dcb8eb6d]{text-decoration:none}.footer-link-warning[data-v-dcb8eb6d]{color:#9333ea}.footer-link[data-v-dcb8eb6d]:hover{text-decoration:underline}@media(min-width:640px){.error-actions[data-v-dcb8eb6d]{flex-direction:row}.error-code[data-v-dcb8eb6d]{font-size:5rem}.error-title[data-v-dcb8eb6d]{font-size:2.5rem}.error-container[data-v-dcb8eb6d]{padding:4rem}}.message-wrapper[data-v-07fff9f1]{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:8px;font-family:Libre Franklin,sans-serif;box-shadow:0 2px 8px #0000001a;border-left:6px solid;transition:all .2s ease}.message-wrapper .message-header[data-v-07fff9f1]{display:flex;align-items:center;gap:.5rem}.message-wrapper .message-header .material-symbols-rounded[data-v-07fff9f1]{font-size:1.5rem}.message-wrapper .message-header .message-label[data-v-07fff9f1]{margin:0;font-size:1rem;font-weight:600;flex:1}.message-wrapper .message-header .message-close[data-v-07fff9f1]{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.message-wrapper .message-header .message-close[data-v-07fff9f1]:hover{opacity:1}.message-wrapper .message-header .message-close .material-symbols-rounded[data-v-07fff9f1]{font-size:1.25rem}.message-wrapper .message-content[data-v-07fff9f1]{padding-left:2rem;font-size:.875rem;line-height:1.5}.slide-group-enter-active,.slide-group-leave-active{transition:opacity var(--v36f61b5a) ease,transform var(--v36f61b5a) ease}.slide-group-enter-from{opacity:0;transform:var(--v2db67334)}.slide-group-leave-to{opacity:0;transform:var(--v1a122a78)}.slide-group-move{transition:transform var(--v36f61b5a) ease}.app-loading[data-v-85c13cc7]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.message-container[data-v-85c13cc7]{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:100%;pointer-events:none}.message-container[data-v-85c13cc7]>*{pointer-events:auto}@media(max-width:768px){.message-container[data-v-85c13cc7]{top:.5rem;right:.5rem;left:.5rem;max-width:none}}:root{--color-primary: #009fe3;--color-primary-background: #009fe333;--color-focus: var(--color-primary);--color-like: #ff5353;--color-like-background: rgba(255, 83, 83, .06);--color-gray-100: #f4f4f4;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #cbcbcb;--color-gray-500: #9ca3af;--color-gray-600: #888888;--color-gray-700: #6e6e6e;--color-gray-800: #333333;--color-gray-900: #1f1f1f;--color-background: var(--color-gray-100);--color-text: var(--color-gray-900);--color-text-secondary: var(--color-gray-700);--color-border: var(--color-gray-400);--color-white: #ffffff;--color-black: #000000;--color-error: #dc3545;--color-main-hover: #f1fbff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-header-bottom: 0 4px 6px -1px rgb(0 0 0 / .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-xxl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--sidebar-w: 18.75rem;--sidebar-w-collapsed: 4.5rem;--font-size-xxs: .65rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-h1: 1.5rem;--font-size-h2: 1rem;--font-size-h3: 1.3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-600) var(--color-gray-200)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-gray-200);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:10px;border:2px solid var(--color-gray-200)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-800)}::-webkit-scrollbar-thumb:active{background:var(--color-gray-900)}::-webkit-scrollbar-corner{background:var(--color-gray-200)}body{font-family:Libre Franklin,sans-serif;background-color:var(--color-background);height:100vh;transition:background-color color ease}button,.btn-default,.btn-primary,.btn-2{position:relative;overflow:hidden;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm) var(--space-lg);border:none}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}.ripple-light{background-color:#ffffff4d}.ripple-dark{background-color:#009fe3;opacity:.2}@keyframes ripple-animation{to{transform:scale(3);opacity:0}}a{padding:var(--space-sm) var(--space-md);text-decoration:none;color:var(--color-text)}select,input,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);width:100%;transition:all .2s ease}select::placeholder,input::placeholder,textarea::placeholder{color:var(--color-gray-500)}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-primary-background)}select{font-weight:var(--font-weight-medium);background:var(--color-white)}option:hover{background-color:var(--color-main-hover)}textarea{height:initial;font-family:Libre Franklin,sans-serif;resize:vertical}.description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}ul{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}li{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}li.bold,p.bold{font-weight:var(--font-weight-semibold)}p{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);color:var(--color-text)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text)}.table-header div{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.cell-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sidebar{position:fixed;top:0;left:0;z-index:1000;border-right:2px solid white;background-color:var(--color-white);width:var(--sidebar-w);height:100vh;transition:transform .3s ease .4s,width .2s ease,left .3s ease}.sidebar.hovered-by-button{border-right:2px solid var(--color-primary)}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar.collapsed .image-logo img{width:2rem;height:auto}.sidebar.collapsed ul{transition:transform .3s ease .3s;transform:translateY(-4rem)}.sidebar.collapsed .image-logo h1,.sidebar.collapsed h2,.sidebar.collapsed h3,.sidebar.collapsed .image-logo .title-nav{height:25px;opacity:0;min-width:0;transition:opacity .4s ease ease-in-out}.sidebar.collapsed h2{opacity:0}.sidebar.collapsed .title-region{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .image-logo h1{opacity:0;height:21px;width:auto}.sidebar.collapsed .image-logo .logo{display:flex;align-items:center;justify-content:center;height:5.625rem}.sidebar.collapsed .section-down-nav{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}.sidebar.collapsed .section-down-nav img,.sidebar.collapsed .section-down-nav h2{opacity:0}.sidebar nav{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;padding:0 var(--space-sm);padding-left:.625rem}.sidebar nav ul{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start;justify-content:center;transition:transform .4s ease}.sidebar .section-up-nav{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);opacity:1;transition:opacity .3s ease .3s}.sidebar .section-up-nav .image-logo{pointer-events:none}.sidebar .section-down-nav{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);opacity:1;transition:opacity .3s ease .3s}.sidebar .section-down-nav h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .section-down-nav img{transition:opacity .3s ease;width:10rem}.sidebar .section-up-nav .image-logo{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-xl)}.sidebar .section-up-nav img{width:auto;height:5.375rem;margin:1rem}.sidebar .image-logo h1,.sidebar .image-logo .title-nav{transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .support-ticket-link{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);color:var(--color-gray-700);text-decoration:none;padding:.3rem .6rem;justify-content:center;background-color:transparent;border-top:solid 1px var(--color-gray-300);height:5rem;width:100%;transition:background-color 1s ease}.sidebar .support-ticket-link:hover{background-color:var(--color-gray-100)}.sidebar .support-ticket-link .support-icon{font-size:1.3rem}.sidebar .support-ticket-link .support-text{font-weight:500}header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;justify-content:space-between;width:100%;position:fixed;top:0;z-index:5;background-color:var(--color-background);left:var(--sidebar-w);padding:var(--space-md) var(--space-xxl);transition:left .2s ease,width .2s ease;width:calc(100% - var(--sidebar-w))}header.collapsed{left:var(--sidebar-w-collapsed);width:calc(100% - var(--sidebar-w-collapsed))}header .notif-user{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}header .notif-user .logout{display:flex;align-items:center;gap:.3rem;font-weight:300}header .notif-user .logout .material-symbols-outlined{font-size:medium;font-weight:200}header .notif-user .name-user{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-primary);cursor:default}header .notif-user .name-user p{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin:0;line-height:1.1;color:var(--color-gray-600)}header .user-page{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:0}header .user-page .btn-3{padding:var(--space-sm);border-width:1px}header .user-page .btn-3 .material-symbols-outlined{padding-left:4px;font-size:1.2rem}.shadow{box-shadow:var(--shadow-header-bottom);transition:box-shadow .3s ease}.btn-3{--font-size: .8rem;--transition: .28s;font-family:sans-serif;font-weight:700;font-size:var(--font-size);border-radius:calc(var(--font-size) * .5);color:var(--color-primary);background-color:transparent;position:relative;transition:border-color var(--transition);border:1px solid var(--color-primary)}.btn-3>span{padding:calc(var(--font-size) * .2) calc(var(--font-size) * .8);overflow:hidden;display:grid;grid-template-columns:calc(var(--font-size) * 1.75 * (1 - var(--hovered, 0))) 1fr calc(var(--font-size) * 1.75 * var(--hovered, 0));align-items:center;gap:.5rem;transition:grid-template-columns var(--transition)}.btn-3:hover{--hovered: 1;border-color:var(--color-primary)}.btn-3 span span:nth-of-type(1){display:flex;justify-content:center;align-items:center}.btn-3 span span:nth-of-type(3){display:flex;justify-content:center;align-items:center}.btn-3 svg{display:inline-block;width:calc(var(--font-size) * 1.2);transition:translate var(--transition) ease-in-out,opacity var(--transition) ease-in-out}.btn-3 span span:nth-of-type(3) svg{stroke-width:2;translate:calc((1 - var(--hovered, 0)) * var(--font-size) * 2);opacity:var(--hovered, 0)}.btn-3 span span:nth-of-type(1) svg{stroke-width:2;translate:calc(var(--hovered, 0) * var(--font-size) * -2);opacity:calc(1 - var(--hovered, 0))}main{position:absolute;top:4rem;left:calc(var(--sidebar-w) - .25rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:calc(100% - var(--sidebar-w));transition:all .2s ease}main .section-center{align-items:flex-start;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}main .section-center .display-element-app{width:100%}main.collapsed{left:var(--sidebar-w-collapsed);width:calc(100% - var(--sidebar-w-collapsed))}.content-area-container{background-color:var(--color-white);border-radius:var(--radius-lg);margin:var(--space-lg) 0;box-shadow:var(--shadow-md);padding:var(--space-xs)}.content-table{display:flex;justify-content:center;align-items:center}input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.btn-2{background-color:var(--color-primary);color:#fff;transition:background-color .2s ease;position:relative;overflow:hidden}.btn-2:hover{background-color:#008fcc;transition:background-color .2s ease}.btn-3{border:1px solid #d9d9d9;color:var(--color-text-secondary);transition:border-color .2s ease,color .2s ease}.btn-3:hover{color:var(--color-primary);border:var(--color-primary) solid 1px;transition:border-color .2s ease,color .2s ease}.btn-4{background-color:transparent;color:#d32f2f;border:1px solid #d32f2f;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn-4:hover{background-color:#ff5454;color:#fff}.button-bar{display:flex;justify-content:right;align-items:center;gap:2rem}.card-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,12.5rem);justify-content:space-between;row-gap:2rem;column-gap:min(2rem,20px)}.list-app-select{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) 0}.search-container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:28rem}.search-container .search-input{width:100%;height:2.5rem;padding:0 2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);color:var(--color-title-text);outline:none;transition:border .2s ease}.search-container .search-input:hover{border-color:var(--color-primary)}.search-container .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-background)}.search-container .search-icon{position:absolute;left:.75rem;color:var(--color-description);pointer-events:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;font-size:1.1rem}.search-container .clear-button{position:absolute;right:.5rem;background:transparent;border:none;cursor:pointer;color:var(--color-description);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;padding:0}.search-container .clear-button .material-symbols-rounded{font-size:1.1rem;transition:color .2s ease}.search-container .clear-button:hover .material-symbols-rounded{color:var(--color-primary)}.sidebar.collapsed .sidebar-toggler{transform:translate(-50%,-50%)}.sidebar.collapsed .sidebar-toggler .toggle-icon{transform:rotateY(180deg)}.sidebar .sidebar-toggler{transition:all .3s ease;position:absolute;padding:0;top:48%;left:100%;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);background-color:#fff;overflow:inherit;width:var(--space-xl);height:var(--space-xl);box-shadow:0 1px 4px #1d1d2114,0 4px 10px #1d1d2114,0 8px 30px #1d1d211a}.sidebar .sidebar-toggler .toggle-icon{transition:transform .3s ease .3s;transform-style:preserve-3d;display:inline-block}.sidebar .sidebar-toggler span{color:var(--color-primary);transition:transform .4s ease 0,4s}.sidebar .sidebar-toggler:hover{background-color:var(--color-primary)}.sidebar .sidebar-toggler span:hover{color:#fff}.card{--card-size: 12.5rem;--card-radius: var(--radius-md);--card-pad: var(--space-md);--card-shadow: 0 .4rem 1rem rgba(0, 0, 0, .08);--card-ring: 0 0 0 .2rem rgba(0, 0, 0, .08);--card-t-fast: .15s;--card-t-med: .45s;--card-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);width:var(--card-size);perspective:100rem}.card .interactive-wrap{transition:transform var(--card-t-med) ease;border-radius:var(--card-radius);transform:translateZ(0)}.card:hover .interactive-wrap{transform:scale(.98) translateZ(0)}.card:active .interactive-wrap{transform:scale(.94) translateZ(0);transition-timing-function:var(--card-ease-bounce)}.card .card-shell{position:relative;width:var(--card-size);height:var(--card-size);transform-style:preserve-3d;transition:transform var(--card-t-med) ease;border-radius:var(--card-radius);background:var(--color-white);box-shadow:var(--shadow-md);transform:rotateY(0)}.card.is-flipped .face--front{pointer-events:none}.card.is-flipped .card-shell{transform:rotateY(180deg)}.card.is-flipped .face--back{pointer-events:auto}.card .face{position:absolute;inset:0;background:var(--color-white);border-radius:var(--card-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transform-style:preserve-3d}.card .face--front{transform:rotateY(0) translateZ(1px);z-index:2}.card .face--back{transform:rotateY(180deg) translateZ(1px);z-index:1}.card .btn-like{--like-size: 1.15rem;--like-pad: .6rem;z-index:2;border-radius:50rem;transition:transform var(--card-t-fast) var(--card-ease-bounce) box-shadow var(--card-t-fast) ease color var(--card-t-fast) ease}.card .btn-like:hover{transform:scale(1.06)}.card .btn-like:active{transform:scale(.92)}.card .btn-like:focus-visible{box-shadow:var(--like-ring)}.card .btn-like:before{content:"";position:absolute;inset:-.35rem;border-radius:inherit}.card .btn-like .icon{width:var(--like-size);height:var(--like-size);display:block}.card .btn-like .icon path{fill:transparent;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill var(--card-t-fast) ease,stroke-width var(--card-t-fast) ease}.card .btn-like[aria-pressed=true]{color:var(--color-like);border-color:#ff535340;background:var(--color-like-background);animation:like-pop .35s var(--card-ease-bounce)}.card .btn-like[aria-pressed=true] .icon path{fill:currentColor;stroke-width:0}.card .btn{position:absolute;z-index:2;appearance:none;border:none;background:var(--color-white);border-radius:50rem;padding:.45rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;cursor:pointer;transition:transform var(--card-t-fast) var(--card-ease-bounce),box-shadow var(--card-t-fast) ease,background var(--card-t-fast) ease;outline:none}.card .btn:hover{transform:scale(1.05)}.card .btn:active{transform:scale(.92)}.card .btn:focus-visible{box-shadow:var(--card-ring)}.card .btn.btn-like{position:absolute;top:var(--space-sm);left:var(--space-sm)}.card .btn.btn-dots{position:absolute;top:var(--space-sm);right:var(--space-sm)}@keyframes like-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}.card .icon{width:1.25rem;height:1.25rem;display:block}.card .media{position:absolute;z-index:1;inset:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;padding:calc(var(--card-pad) + .75rem)}.card .media img{max-width:70%;max-height:70%;width:auto;height:auto;display:block;object-fit:contain;transform:translateZ(0);transition:transform var(--card-t-med) ease;cursor:pointer}.card .title{position:absolute;left:50%;bottom:var(--space-sm);transform:translate(-50%);margin:0;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-description);letter-spacing:.01em;text-align:center;line-height:2;max-width:calc(100% - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .desc{position:absolute;inset:2.75rem var(--space-md) 2rem;margin:0;font-size:var(--font-size-sm);line-height:1.4;color:var(--color-description);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center}@media(prefers-reduced-motion:reduce){.card .interactive-wrap,.card .card-shell,.card .media img,.card .btn{transition:none!important}}.nav-list li.nav-item{transition:none;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:var(--radius-sm)2px;transition-delay:0}.nav-list li.nav-item a{transition:color .3s ease;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-lg);width:100%;padding:var(--space-md)}.nav-list li.nav-item a .material-symbols-rounded{padding-left:4px;font-size:1.2rem}.nav-list li.nav-item a .nav-label{transition:opacity .2s ease .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-list li.nav-item a.router-link-active{background-color:var(--color-primary-background);color:var(--color-primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border-left:5px solid rgba(255,255,255,0);border-left-color:var(--color-primary)}.nav-list li.nav-item a.router-link-active .material-symbols-rounded{color:var(--color-primary)}.nav-list li.nav-item a.router-link-active:hover{background-color:var(--color-primary-background)}.nav-list li.nav-item a:hover{border-radius:var(--radius-md);background-color:var(--color-gray-200);cursor:pointer}.navbar-container{list-style:none;display:flex}.navbar-container .nav-item{background-color:#fff;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.navbar-container .nav-item a{display:flex;align-items:center;justify-content:center;gap:.5em;border-bottom:2px solid rgba(0,0,0,0)}.navbar-container .nav-item a:hover,.navbar-container .nav-item a.router-link-active{background-color:var(--color-main-hover);color:var(--color-primary);border-bottom-color:var(--color-primary);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.form-group{display:flex;flex-direction:column;gap:2rem}.form-group>*{width:100%}#drop-zone{width:100%;max-width:400px;min-height:220px;padding:var(--space-xl);box-sizing:border-box;border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--color-white);box-shadow:var(--shadow-md)}#drop-zone-prompt{color:var(--color-text-secondary)}#drop-zone-prompt span{font-size:36px;font-weight:400;color:var(--color-gray-500);margin-bottom:var(--space-sm)}#drop-zone-prompt p{font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--color-text);margin:0 0 var(--space-sm) 0}#drop-zone-prompt p strong{font-weight:var(--font-weight-semibold);color:var(--color-primary)}#drop-zone-prompt small{font-size:var(--font-size-sm)}#drop-zone:hover{border-color:var(--color-primary);background-color:var(--color-main-hover)}#drop-zone.drag-over{border-color:var(--color-primary);border-style:solid;background-color:var(--color-primary-background);transform:scale(1.03);box-shadow:var(--shadow-lg)}.ProseMirror{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);min-height:150px;margin-top:var(--space-lg)}.ProseMirror:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-primary-background)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-gray-500);pointer-events:none;height:0}.ProseMirror .toolbar button{margin:0}.ProseMirror ul[data-type=taskList]{list-style-type:none;padding:0}.ProseMirror ul[data-type=taskList] li[data-type=taskItem]{display:flex;align-items:center}.ProseMirror ul[data-type=taskList] li[data-type=taskItem]>label{flex:0 0 auto;margin-right:var(--space-sm)}.ProseMirror ul[data-type=taskList] li[data-type=taskItem]>div{flex:1 1 auto}.ProseMirror mark{background-color:var(--color-primary-background);color:inherit}.ProseMirror a{color:var(--color-primary);text-decoration:underline;cursor:pointer}.button-wrapper{display:flex;justify-content:space-between}.button-wrapper .btn-danger{background-color:#ff5353}.toolbar-separator{width:1px;background-color:var(--color-gray-300);height:24px;margin-left:var(--space-xs);margin-right:var(--space-sm);align-self:center}.toolbar,.link-menu{display:flex;flex-wrap:wrap;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs);background:var(--color-white)}.toolbar button,.toolbar .dropdown-toggle{display:flex;align-items:center;justify-content:left;background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-sm);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);min-width:40px;color:var(--color-gray-700)}.toolbar button:hover,.toolbar .dropdown-toggle:hover{background-color:var(--color-gray-300);border-color:transparent;color:var(--color-gray-900)}.toolbar button.is-active,.toolbar .dropdown-toggle.is-active{background-color:var(--color-gray-200);color:var(--color-primary)}.toolbar button.is-active:hover,.toolbar .dropdown-toggle.is-active:hover{background-color:var(--color-gray-300);color:var(--color-primary)}.link-menu{padding:var(--space-sm)}.link-menu input{flex-grow:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);margin-right:var(--space-sm);font-size:var(--font-size-sm)}.link-menu input:focus{border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-primary-background)}.link-menu button{display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--radius-sm);margin:0 var(--space-xs);padding:var(--space-xs);min-width:32px;cursor:pointer;color:var(--color-gray-700)}.link-menu button:hover{background-color:var(--color-gray-300);border-color:transparent;color:var(--color-gray-900)}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-toggle{list-style:none;display:inline-flex;align-items:center}.dropdown .dropdown-toggle::marker,.dropdown .dropdown-toggle::-webkit-details-marker{display:none}.dropdown .dropdown-toggle .material-symbols-rounded:last-child{font-size:16px}.dropdown .dropdown-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs);z-index:10;box-shadow:var(--shadow-md);min-width:150px}.dropdown .dropdown-menu button{text-align:left;width:100%;margin:.1rem 0;min-width:0;padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text)}.dropdown .dropdown-menu button:hover{background-color:var(--color-gray-100)}.dropdown .dropdown-menu button.is-active{background-color:var(--color-primary-background);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.dropdown:not([open]) .dropdown-menu{display:none}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}:deep(.ProseMirror){min-height:150px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}:deep(.ProseMirror):focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}:deep(.ProseMirror) p{margin:0 0 1rem;line-height:1.5}:deep(.ProseMirror) p:last-child{margin-bottom:0}:deep(.ProseMirror) strong{font-weight:700}:deep(.ProseMirror) em{font-style:italic}:deep(.ProseMirror) u{text-decoration:underline}:deep(.ProseMirror) ul,:deep(.ProseMirror) ol{padding-left:25px;margin:.5rem 0}.field-error :deep(.ProseMirror){border-color:#dc3545}
