@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;src:url('/static/fonts/source-serif-4-v14-vietnamese-regular.woff2?18f69673f401') format('woff2');font-display:swap}@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;src:url('/static/fonts/source-serif-4-v14-vietnamese-italic.woff2?18f69673f401') format('woff2');font-display:swap}@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:700;src:url('/static/fonts/source-serif-4-v14-vietnamese-700.woff2?18f69673f401') format('woff2');font-display:swap}@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:700;src:url('/static/fonts/source-serif-4-v14-vietnamese-700italic.woff2?18f69673f401') format('woff2');font-display:swap}:root{--J-white:#ffffff;--J-white-70:rgba(255,255,255,0.7);-J-black:#000000;--J-amber-1:#fef3c7;--J-amber-1-70:rgba(254,243,199,0.7);--J-amber-5:#F59E0B;--J-amber-6:#d97706;--J-amber-6-70:rgba(217,119,6,0.7);--J-gray-0:#f8fafc;--J-gray-1:#f1f5f9;--J-gray-2:#e2e8f0;--J-gray-4:#94a3b8;--J-gray-5:#64748b;--J-gray-6:#475569;--J-gray-7:#334155;--J-gray-8:#1e293b;--J-rose-1:#ffe4e6;--J-rose-1-70:rgba(255,228,230,0.7);--J-rose-4:#fb7185;--J-rose-6:#e11d48;--J-rose-6-70:rgba(225,29,72,0.7);--J-teal-1:#ccfbf1;--J-teal-6:#0d9488;--J-teal-1-70:rgba(204,251,241,0.7);--J-teal-6-70:rgba(13,148,136,0.7);--J-text:var(--J-gray-8);--J-bg:var(--J-white);--J-accent:var(--J-amber-5);--J-border:1px solid var(--J-gray-2);--J-border-hover:var(--J-gray-4);--J-font:'Source Serif 4','Times New Roman',Times,serif;--J-label:var(--J-gray-6);--J-bg-subtle:var(--J-gray-0);--J-active:var(--J-gray-7);--J-disable-bg:var(--J-gray-1)}body.dark-mode{--J-bg:var(--J-gray-8);--J-text:var(--J-white-70);--J-border:1px solid var(--J-gray-6);--J-label:var(--J-gray-4);--J-bg-subtle:var(--J-gray-7);--J-active:var(--J-gray-2);--J-disable-bg:var(--J-gray-7)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}input,button,textarea,select{font:inherit}a{text-decoration:none;background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}button{font-family:inherit;font-size:100%;cursor:pointer;margin:0;-webkit-appearance:button;text-transform:none;overflow:visible}p{margin:0}p:last-child{margin-bottom:0}.MID{padding:40px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.MID>*{width:100%;max-width:1200px!important}body{font-family:var(--J-font);color:var(--J-text);background-color:var(--J-bg)}a{color:var(--c);transition:0.2s}a:not(.btn):not(.no-underline):hover{text-decoration:underline!important;text-underline-offset:6px}@media (hover:hover){a:not(.btn):not(.no-underline):hover{text-decoration:underline!important;text-underline-offset:6px}}.no-underline,.no-underline:hover,.no-underline:focus{text-decoration:none!important}.no-border{border:none!important}.jus{position:fixed;top:20px;right:30px;margin:0;padding:0;z-index:1000;display:flex;align-items:center}.logo-light{display:block}.logo-dark{display:none}body.dark-mode .logo-dark{display:block}body.dark-mode .logo-light{display:none}.text-display{color:var(--J-text);font-weight:700;line-height:1.2}.tip{position:absolute;z-index:9999;pointer-events:none;background:var(--J-gray-7);color:var(--J-gray-1);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity 0.2s}.has-tip:hover .tip{opacity:1}.hstack{display:inline-flex;align-items:center}.icon-std svg{stroke:currentColor;width:20px;height:20px;flex-shrink:0}.disable{background-color:var(--J-disable-bg)!important;color:var(--J-text)!important}*{-webkit-tap-highlight-color:transparent}@media (min-width:769px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1E293B;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#F59E0B}}.alert{margin-bottom:20px;padding:12px 20px;line-height:1.5;border-radius:8px;background-color:var(--c);color:var(--bg);display:flex;align-items:center;font-size:14px}@media (max-width:768px){.MID{margin-left:0;padding:20px 20px 20px}.jus{position:static;margin-top:15px;margin-left:20px}html,body,.MID{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.MID::-webkit-scrollbar{display:none!important}}@keyframes blink{50%{opacity:0.4}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spin{animation:j-spin 1s linear infinite;transform-origin:center}.is-neutral{--c:var(--J-gray-1);--bg:var(--J-gray-6)}body.dark-mode .is-neutral{--c:var(--J-gray-6);--bg:var(--J-gray-1)}.is-success{--c:var(--J-teal-1);--bg:var(--J-teal-6)}body.dark-mode .is-success{--c:var(--J-teal-1-70);--bg:var(--J-teal-6-70)}.is-error{--c:var(--J-rose-1);--bg:var(--J-rose-6)}body.dark-mode .is-error{--c:var(--J-rose-1-70);--bg:var(--J-rose-6-70)}.is-warn{--c:var(--J-amber-1);--bg:var(--J-amber-6)}body.dark-mode .is-warn{--c:var(--J-amber-1-70);--bg:var(--J-amber-6-70)}.is-primary{--c:var(--J-white);--bg:var(--J-gray-8)}body.dark-mode .is-primary{--c:var(--J-gray-8);--bg:var(--J-white-70)}.is-soft{--c:var(--J-rose-4)}.is-filled{--bg:var(--J-gray-4);--c:var(--J-gray-2)}.is-muted{--c:var(--J-gray-4)!important}.flex-center{display:flex!important;justify-content:center!important;align-items:center!important}.w-full{width:100%!important}.h-full{height:100%!important}.has-border{border:var(--J-border)!important}.mt-4{margin-top:4px!important}.mt-8{margin-top:8px!important}.mt-12{margin-top:12px!important}.mt-16{margin-top:16px!important}.mt-20{margin-top:20px!important}.mt-24{margin-top:24px!important}.mt-32{margin-top:32px!important}.mt-40{margin-top:40px!important}.mt-48{margin-top:48px!important}.mx-8{margin-left:8px!important;margin-right:8px!important}.mt-64{margin-top:64px!important}.ml-4{margin-left:4px!important}.ml-8{margin-left:8px!important}.ml-12{margin-left:12px!important}.ml-16{margin-left:16px!important}.ml-20{margin-left:20px!important}.ml-24{margin-left:24px!important}.ml-32{margin-left:32px!important}.ml-40{margin-left:40px!important}.ml-48{margin-left:48px!important}.ml-64{margin-left:64px!important}.mb-0{margin-bottom:0!important}.mb-4{margin-bottom:4px!important}.mb-8{margin-bottom:8px!important}.mb-12{margin-bottom:12px!important}.mb-16{margin-bottom:16px!important}.mb-20{margin-bottom:20px!important}.mb-24{margin-bottom:24px!important}.mb-32{margin-bottom:32px!important}.mb-40{margin-bottom:40px!important}.gap-4{gap:4px!important}.gap-8{gap:8px!important}.gap-12{gap:12px!important}.gap-16{gap:16px!important}.gap-20{gap:20px!important}.gap-24{gap:24px!important}.f-middle{display:flex;align-items:center}.f{display:flex}.f-column{display:flex;flex-direction:column}.f-center{display:flex;justify-content:center}.f-mc{display:flex;align-items:center;justify-content:center}.relative{position:relative}.btn{color:var(--c);background-color:var(--bg);display:inline-flex;align-items:center;justify-content:center;padding:16px 20px;border-radius:4px;font-size:13px;line-height:1;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap}.btn-reset{background:none;border:none;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-chip{color:var(--c);background-color:var(--bg);border:var(--J-border);padding:8px 16px;border-radius:99px;font-size:12px;transition:all 0.2s}.btn-small{padding:6px 10px;border-radius:4px;color:var(--c);background-color:var(--bg);font-size:12px;border:none}.btn-medium{padding:14px;border-radius:4px;color:var(--c);background-color:var(--bg);font-size:12px;border:none;white-space:nowrap}@media (hover:hover){.btn:hover{text-decoration:none!important;opacity:0.9}.btn-chip:hover{background-color:var(--J-text);color:var(--J-bg)}}.field{margin-bottom:20px}.u-field{margin-bottom:16px}.u-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:block;font-size:13px;color:var(--J-label);text-transform:uppercase;margin-bottom:8px}input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="image"]){display:block;width:100%;padding:12px 16px;border:var(--J-border);font-size:14px;background:var(--J-bg);color:var(--J-text);border-radius:4px;outline:none;line-height:1.5;background-clip:padding-box}input:focus:not([type="submit"]),textarea:focus,select:focus{border-color:var(--J-gray-4)!important}input[type="date"]{appearance:none;-webkit-appearance:none;color:var(--J-text);font-family:inherit;padding:10px 12px;border:1px solid var(--J-border,#ccc);border-radius:6px;background-color:transparent;outline:none;width:100%;position:relative;cursor:pointer}input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.6;filter:invert(0.5);transition:opacity 0.2s}input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1}textarea{resize:vertical;min-height:100px}select{width:100%;height:42px;padding:8px 36px 8px 12px;font-size:14px;line-height:1.5;border:var(--J-border);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}body.dark-mode select{background-color:var(--J-gray-8);color:var(--J-text)}textarea{width:100%;min-height:120px;padding:12px 16px;font-family:var(--J-font),sans-serif;font-size:1rem;line-height:1.6;color:var(--J-text);background-color:var(--J-bg);border:1px solid color-mix(in srgb,var(--J-text) 20%,transparent);border-radius:8px;box-sizing:border-box;resize:vertical;outline:none;transition:all 0.2s ease-in-out}textarea:focus{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 20%,transparent)}textarea::placeholder{color:color-mix(in srgb,var(--J-text) 50%,transparent);opacity:1}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--J-text) 30%,transparent);border-radius:4px}.textarea-container .icon-collapse{display:none}.expand-btn{position:absolute;right:12px;top:12px;background:transparent;border:none;color:var(--J-gray-4);cursor:pointer;z-index:5;padding:4px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.rename{display:flex;gap:8px;align-items:center}@media (max-width:767px){.u-row{grid-template-columns:1fr}}.badge{color:var(--c);background-color:var(--bg);display:inline-flex;padding:3px 8px;border-radius:4px;font-weight:700;font-size:11px;align-items:center;justify-content:center;line-height:1;white-space:nowrap}.avatar-wrapper{display:block;position:relative;overflow:hidden;width:100px;height:100px;border-radius:50%;background-color:var(--J-gray-6);cursor:pointer;transition:transform 0.2s ease;border:var(--J-border);border-width:2px}.avatar-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.avatar-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;cursor:pointer;z-index:10;color:white}.avatar-overlay svg{width:20px;height:20px;margin-bottom:4px}.avatar-overlay span{font-size:12px;color:white;font-weight:500}.avatar-wrapper.editable:hover .avatar-overlay{opacity:1}@media (max-width:768px){.avatar-wrapper{width:60px;height:60px}}.sidebar .avatar-circle{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid var(--J-gray-3);flex-shrink:0}.sidebar a.active svg,.sidebar button.active svg{stroke:var(--J-active)!important;stroke-width:2px}.sidebar .avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.sidebar .avatar-circle.no-bg{display:none}.sidebar .avatar-circle svg{width:100%;height:100%;padding:6px;background:var(--J-gray-6);color:var(--J-gray-3)}.sidebar .bot .user-pop{display:none;position:absolute;z-index:2000;left:55px;bottom:10px;padding:16px;background:var(--J-bg);border:var(--J-border);border-radius:12px;animation:slideInLeft 0.2s ease-out}.sidebar .menu{display:flex;flex-direction:column;gap:20px;align-items:center}.sidebar .bot>a svg,.sidebar .bot>button svg,.sidebar .menu>a svg,.sidebar .menu>button svg{stroke:currentColor;width:20px;height:20px;flex-shrink:0;transition:color 0.2s}@media (min-width:769px){.sidebar{position:fixed;width:40px;height:100vh;display:flex;flex-direction:column;align-items:center;z-index:1000;background:transparent}.sidebar .menu-website{display:flex;align-items:center;flex-direction:column;margin-top:20px;gap:36px}.sidebar .menu-website svg{stroke:currentColor;width:20px;height:20px;flex-shrink:0;transition:color 0.2s}.sidebar .menu-website a,.sidebar .bot a,.sidebar .bot button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;color:var(--c)}.sidebar .menu-mobile{display:none}.sidebar .toggle-mobile{display:none}.sidebar .tip{left:100%;margin-left:10px;top:50%;transform:translateY(-50%)}.sidebar .bot{margin-top:auto;display:flex;flex-direction:column;gap:20px;width:100%;align-items:center;padding-bottom:16px}}@media (max-width:768px){.sidebar{position:static;width:auto;height:auto;background:transparent;padding:0;margin:0;pointer-events:none}.sidebar .menu-website{display:none}.sidebar .menu-mobile{display:flex!important;flex-direction:column;gap:20px;position:fixed;top:0;left:auto;right:0;bottom:0;width:280px;background-color:var(--J-bg);border-left:var(--J-border);transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:2000;padding:20px 15px;overflow-y:auto;pointer-events:auto}.sidebar .menu-mobile.open{transform:translateX(0)}.sidebar .menu-mobile .tip{position:static;opacity:1!important;visibility:visible!important;transform:none!important;margin-left:15px;background:none;color:inherit;padding:0;font-size:15px;font-weight:500;pointer-events:auto}.sidebar .menu-mobile a,.sidebar .menu-mobile button{display:flex;align-items:center;gap:12px;justify-content:flex-start;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;color:var(--c);width:100%}.sidebar .menu-mobile a:hover,.sidebar .menu-mobile button:hover{text-decoration:none!important;transform:none!important}.sidebar .menu-mobile a.active .tip,.sidebar .menu-mobile button.active .tip{color:var(--J-active)}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1500;opacity:0;visibility:hidden;transition:all 0.3s;backdrop-filter:blur(2px)}.menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.sidebar .toggle-mobile{display:flex;position:fixed;top:15px;right:15px;z-index:1100;color:var(--J-text);border-radius:8px;padding:8px;cursor:pointer;pointer-events:auto}.sidebar .bot{display:none}.sidebar .menu-mobile .bot{display:flex!important;flex-direction:column;margin-top:auto;padding-top:20px;border-top:var(--J-border);align-items:flex-start;width:100%;gap:20px}.sidebar .bot .user-pop,.menu-mobile .bot .user-pop{left:10px!important;bottom:70px!important;width:calc(100% - 20px)!important;min-width:unset!important;z-index:99999999;transform-origin:bottom center;animation:slideUpMobile 0.25s cubic-bezier(0.18,0.89,0.32,1.28)}.sidebar .bot .user-pop::after{content:'';position:absolute;bottom:-6px;left:20px;width:12px;height:12px;background:var(--J-white,#fff);transform:rotate(45deg);border-right:1px solid var(--solaw-c-gray-2);border-bottom:1px solid var(--solaw-c-gray-2)}}.clock{text-align:left;margin-bottom:20px;border-bottom:var(--J-border);padding-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end}.clock .time{font-size:80px;color:var(--J-text);line-height:1}@media (max-width:768px){.clock .time{font-size:40px}}.clock .set{text-align:right}.dashboard .day{font-size:20px;font-weight:700;color:var(--J-accent);display:block;margin-bottom:5px}.dashboard .date{font-size:12px;color:var(--c);letter-spacing:1px;text-transform:uppercase}.feed .meta{font-size:12px;margin-bottom:10px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.feed .label{font-weight:700;font-size:13px;color:var(--J-text);letter-spacing:2px;margin-bottom:40px;display:block;position:relative;z-index:1;padding:5px 0;width:fit-content}.feed .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:800px;font-size:20px;font-weight:700;color:var(--J-text);margin:0 0 10px 0;line-height:1.4}.feed .content{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-width:800px;font-size:16px;color:var(--J-text);line-height:1.6}.feed .content p{}.feed .content.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.feed .tip{bottom:200%;left:50%;transform:translateX(-50%)}.feed .actions{display:flex;flex-direction:row;align-items:center;gap:20px}.feed .read{opacity:0.6}.feed .actions svg{color:var(--J-text)}.action{position:relative;display:flex;justify-content:center}.action .menu{display:none;position:absolute;top:100%;right:0;margin-top:5px;background:var(--J-bg);color:var(--J-text);border:var(--J-border);border-radius:8px;padding:6px;width:max-content;min-width:180px;z-index:999;flex-direction:column;gap:4px}.action .action-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;color:var(--J-text);background-color:var(--J-bg);transition:all 0.2s ease}.action .menu.show{display:flex}.list .item .action svg{width:20px;height:20px;stroke:currentColor}.list .top{background:var(--J-bg);border-radius:8px;padding:15px 20px;margin-bottom:20px;border:var(--J-border);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.list .top .title{width:200px;flex-shrink:0}.list .top h1{font-size:20px;font-weight:700;color:var(--J-text);text-transform:uppercase;letter-spacing:0.5px;margin:0;white-space:nowrap}.list .top .search{width:300px;margin-right:auto;position:relative}.list .top .filter{display:flex;gap:10px;flex-wrap:wrap;max-width:100%;margin-left:auto}.list .mid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.list .mid2{background:var(--J-bg);color:var(--J-text);border-radius:12px;border:var(--J-border);overflow:visible!important}.list .mid2 .head{display:grid;grid-template-columns:110px 1fr 150px 140px 50px;gap:15px;align-items:center;padding:16px 20px;border-bottom:var(--J-border);border-radius:12px 12px 0 0;font-size:14px;color:var(--J-text);font-weight:700;background:var(--J-bg-subtle);text-transform:uppercase;letter-spacing:0.5px}.list .mid2 .item{display:grid;grid-template-columns:110px 1fr 150px 140px 50px;gap:15px;align-items:center;padding:16px 20px;border-bottom:var(--J-border);font-size:14px}@media (max-width:768px){.list .top h1,.list .top form{width:100%}.list .mid2{border:none}.list .mid2 .head{display:none!important}.list .mid2 .item{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"top    action" "title  title" "price  status" "time   status";gap:4px 12px!important;padding:16px!important;border:var(--J-border);border-radius:12px;margin-bottom:12px;align-items:center}.list .item .id{grid-area:top;font-size:11px}.list .item .action{grid-area:action;padding:0!important;text-align:right;display:block;margin-left:auto}.list .item .title{grid-area:title;padding-bottom:12px;border:var(--J-border);border-top:none;border-left:none;border-right:none;margin-bottom:12px;width:100%;font-weight:700}.list .item .price{grid-area:price;align-self:end}.list .item .time{grid-area:time;align-self:start}.list .item .time br{display:none}.list .item .time span{margin-right:6px}.list .item .status{grid-area:status;justify-self:end;align-self:center}}.grid{border:var(--J-border);background:var(--J-bg);padding:35px 30px 20px;transition:all 0.3s ease;position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;opacity:1;transform:scale(1);border-radius:12px}.grid .category{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--solaw-c-gray-4);margin-bottom:8px}.grid .title{font-size:16px;color:var(--J-text);margin-bottom:10px;line-height:1.4;letter-spacing:0.5px;font-weight:700}.grid .desc{font-size:14px;color:var(--solaw-c-gray-5);line-height:1.6;margin-bottom:15px;flex-grow:1}.grid .foot{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:var(--J-border)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1050;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease}.modal-overlay.show{opacity:1;visibility:visible}body:has(.modal-overlay.show){overflow:hidden}.modal-header{position:relative;background-color:var(--J-bg-subtle);padding:20px 24px;border-bottom:var(--J-border);display:flex;align-items:center;flex-shrink:0;gap:40px}.modal-header h3{margin:0;font-size:18px;font-weight:700}.modal-header svg{stroke:var(--J-rose-4);width:20px;height:20px;flex-shrink:0}.modal-content{background:var(--J-bg);width:100%;max-width:800px;border-radius:12px;animation:slideUp 0.3s ease-out;display:flex;flex-direction:column;height:90vh}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-header,.modal-footer{flex-shrink:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding:20px 10px;border-top:var(--J-border)}.modal-content form{height:100%;display:flex;flex-direction:column}@media (max-width:768px){.modal-content{height:100dvh}}.security-commitment{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:25px;color:var(--J-gray-4);font-size:0.9rem}.security-commitment svg{width:16px;height:16px;color:var(--J-gray-4);margin-right:6px;vertical-align:-3px}.security-commitment .divider{color:var(--J-gray-4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;margin-top:10px;color:var(--J-gray-4)}.empty-state svg{width:64px;height:64px;margin-bottom:16px;stroke-width:1.5px}.empty-state p{margin:0;font-size:1rem}.empty-state.is-compact{padding:20px 10px}.empty-state.is-compact svg{width:32px;height:32px;margin-bottom:8px}.empty-state.is-compact p{font-size:0.85rem}.logo-svg{height:32px;width:auto;display:block;transition:opacity 0.3s ease}.logo-dark{display:none}.search-empty{text-align:center;padding:15px;background:var(--J-bg-subtle);border:var(--J-border);border-radius:12px}.search-empty__icon{font-size:40px;margin-bottom:10px}.search-empty__text{font-size:14px;margin-bottom:5px}.search-empty__hint{font-size:12px;color:#94a3b8;margin-top:10px}.search-result{display:flex;align-items:center;gap:15px;padding:15px;background:var(--J-bg-subtle);border:var(--J-border);border-radius:12px}.search-result__name{flex-grow:1;text-align:left;display:flex;flex-direction:column;gap:5px}.search-result__username{font-weight:700;font-size:15px}.search-result__email{font-size:12px}.notification{display:none;position:fixed;left:55px;bottom:30px;width:320px;background:var(--J-bg);border:var(--J-border);border-radius:12px;z-index:2000;overflow:hidden;animation:slideInLeft 0.2s ease-out}.notification .top{padding:15px;border-bottom:var(--J-border);font-weight:700;color:var(--J-text);font-size:14px;display:flex;justify-content:space-between;align-items:center}.notification .top button{width:auto}.notification .mid{max-height:400px;overflow-y:auto;background-color:var(--J-bg)}.notification .mid .item{padding:12px 16px;border-bottom:var(--J-border);background-color:var(--J-bg);color:var(--J-text);transition:background-color 0.2s ease;list-style:none;display:flex;gap:12px}.notification .mid .item:hover{background-color:var(--J-bg-subtle);cursor:pointer}.notification .mid .content{margin:0;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.notification .mid .item.read{opacity:0.6}.notification .mid .time{color:var(--J-gray-4);font-size:11px;display:block;margin-top:4px}.icon-wrapper{position:relative}.dot{position:absolute;top:0;width:9px;height:9px;background-color:var(--J-rose-4);border-radius:50%;border:2px solid var(--J-bg);display:block;z-index:10}@media (max-width:768px){.sidebar .bot .notification,.menu-mobile .bot .notification{position:fixed!important;left:10px!important;bottom:140px!important;width:calc(100% - 20px)!important;min-width:unset!important;max-height:60vh!important;z-index:99999999;background:var(--J-bg);border:var(--J-border);border-radius:12px;transform-origin:bottom center;animation:slideUpMobile 0.25s cubic-bezier(0.18,0.89,0.32,1.28)}.notification .mid{max-height:350px!important}}.dossier-wrapper svg{width:20px;height:20px;stroke:currentColor;fill:none;flex-shrink:0}.dossier-header{display:flex;align-items:flex-start;justify-content:space-between;align-items:center;border:var(--J-border);margin-bottom:40px;gap:40px;padding:20px;border-radius:12px;flex-wrap:wrap}.header-left{display:flex;gap:28px;align-items:center;flex:1}.user-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.user-name{font-size:24px;margin-bottom:8px}.user-email{font-weight:700}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.header-contact-box{flex:0 1 auto;min-width:300px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px 24px;background:var(--J-bg-subtle);border-radius:12px}.contact-line{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--J-text)}.dossier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:40px}.dossier-col{padding:16px;border-radius:12px;border:var(--J-border)}.banking-section{background:var(--J-bg-subtle);border:var(--J-border);border-radius:8px;padding:15px;margin-top:15px}.banking-section .field:last-child{margin-bottom:0}@media (max-width:1024px){.dossier-grid{grid-template-columns:1fr;gap:40px}.dossier-header{flex-direction:column}.header-contact-box{width:100%}}@media (max-width:768px){.user-name{font-size:20px}}.base-auth{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0}.login{flex:1;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.login .card{background-color:var(--J-bg);width:100%;max-width:360px;border:var(--J-border);border-radius:12px;position:relative;margin:0 auto}.login .card .header{padding:24px 0}.login .card .header img{width:120px;height:auto}.login .card .body{padding:0 40px}.login .card .footer{color:var(--c);text-align:center;font-size:13px}.contact-head{grid-template-columns:280px 1fr 280px 140px 50px!important}.contact-item{grid-template-columns:280px 1fr 280px 140px 50px!important}.contact-item .avatar-wrapper{width:46px;height:46px}.contact-item .icon-std:hover,.document-item .icon-std:hover,.notification .icon-std:hover{text-decoration:underline;text-underline-offset:4px}.modal-header .avatar-wrapper{width:60px;height:60px}.name-badge svg{width:15px;height:15px;padding:2px;fill:var(--J-accent)}.entity-switch{display:flex;background:var(--J-bg-subtle);padding:3px;border-radius:10px;margin-bottom:24px;border:var(--J-border)}.entity-switch label{flex:1;cursor:pointer;margin:0!important}.entity-switch input[type="radio"]{display:none}.entity-switch span{display:block;text-align:center;padding:8px 12px;font-size:14px;font-weight:500;color:#64748b;border-radius:7px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.entity-switch input[type="radio"]:checked + span{background:var(--J-bg);color:var(--J-text);font-weight:700}.entity-switch label:hover input:not(:checked) + span{background:var(--J-bg);color:var(--J-text)}.editor .top{margin-bottom:28px;border-bottom:var(--J-border);padding-bottom:20px}.editor .top .set{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:15px}.editor .top .title{font-weight:700;padding:20px 0;font-size:24px;color:var(--J-text);line-height:1.3;margin:0}.editor .top .set .meta{margin-top:8px;display:flex;align-items:center;gap:32px}.editor .top .meta .code{color:var(--J-gray-4);font-size:16px}.editor .top .icon{display:flex;align-items:center;gap:16px}.editor .top .btn-set{position:relative;display:inline-block}.editor .top .tip{bottom:calc(100% + 8px);transform:translateY(-50%)}.editor .top .btn{color:var(--J-text);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:12px;transition:all 0.2s ease-in-out;padding:0}.editor .top .btn svg{height:24px;width:24px}.editor .layout{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.editor .layout .panel{position:sticky;z-index:10;background-color:var(--J-bg);top:50px}.panel.is-locked{opacity:0.5;pointer-events:none;user-select:none}.editor .layout .panel .section{border:var(--J-border);border-radius:8px;margin-bottom:12px;overflow:hidden;position:relative}.editor .layout .panel .body{padding:20px}.editor .layout .panel .section summary{list-style:none;padding:12px 16px;cursor:pointer;font-weight:600;display:flex;gap:20px;align-items:center;transition:background 0.2s;color:var(--J-text);background-color:var(--J-bg)}.editor .layout .preview{border:var(--J-border);padding:70px 60px;position:relative;margin:0 auto;width:100%;min-width:0;font-size:14pt;color:var(--J-text);background-color:var(--J-bg);line-height:1.3;box-sizing:border-box}body.writing-mode .TOP,body.writing-mode .jus{display:none!important}body.writing-mode{overflow:hidden}body.writing-mode .MID{position:static!important;transform:none!important;z-index:9999!important}.textarea-container.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;background:var(--J-bg)!important;padding:60px 20vw!important;display:flex;flex-direction:column;margin:0!important}.textarea-container.fullscreen .expand-btn{position:fixed!important;top:20px!important;right:80px!important;color:var(--J-gray-4)!important;width:44px!important;height:44px!important;z-index:100000!important}@media (max-width:768px){.textarea-container.fullscreen{padding:40px 20px!important}.textarea-container.fullscreen .expand-btn{right:20px!important}}.textarea-container.fullscreen textarea{flex:1;width:100%;line-height:3!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;resize:none}.textarea-container.fullscreen .icon-expand{display:none}.textarea-container.fullscreen .icon-collapse{display:block}.mobile-editor-nav{display:none}@media (max-width:768px){.editor .top .set{flex-direction:column;align-items:flex-start;gap:16px;justify-content:flex-start}.editor .top .title{padding:8px 0}.editor .top .set .meta{margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.editor .layout{display:block!important;padding-bottom:60px}.mobile-editor-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;height:50px;background:var(--J-bg);border-top:var(--J-border);z-index:1000}.mobile-editor-nav .nav-btn{flex:1;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--J-text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-editor-nav .nav-btn.active{background:var(--J-bg-subtle)}.editor .layout .preview{display:none}.editor .layout .input{display:block}body.view-mode-preview .editor .layout .panel{display:none}body.view-mode-preview .editor .layout .preview{display:block!important}.editor .layout .preview{transform:scale(0.6);transform-origin:top left;width:166%;overflow-x:hidden}}.documents-preview .doc-date{margin-bottom:16px}.documents-preview .vn-name,.documents-preview .vn-motto{display:block;text-align:center;font-weight:bold}.documents-preview .vn-motto::after{content:"";display:block;width:20%;border-bottom:1px solid var(--J-text);margin:5px auto 0}.documents-preview .title{font-size:24px;margin-top:20px;margin-bottom:20px;text-align:center;font-weight:bold}.documents-preview .party-a,.documents-preview .party-b,.documents-preview .chapter,.documents-preview .clause,.documents-preview .clause-number{font-weight:bold;margin-bottom:16px;margin-top:16px;text-align:justify}.documents-preview .a-sign,.documents-preview .b-sign{margin-top:28px}.documents-preview .clause-for .poa-item{padding-left:16px;font-size:16px;margin-top:12px;margin-bottom:12px;text-align:justify}.clause + ol{list-style-type:none;padding-left:20px;counter-reset:my-chapter-counter;margin-top:5px}.clause + ol li{display:block;font-size:16px;margin-top:12px;margin-bottom:12px}.clause + ol li::before{counter-increment:my-chapter-counter;content:counter(my-chapter-counter,lower-alpha) ") ";margin-right:5px}.documents-preview .clause{font-weight:normal}.documents-preview .information-a,.documents-preview .information-b,.documents-preview .clause{padding-left:16px;font-size:16px;text-align:justify}.documents-preview .a-sign,.documents-preview .b-sign{text-align:center;font-weight:bold;width:300px;height:200px}.documents-preview .a-sign-name,.documents-preview .b-sign-name{text-align:center;font-weight:bold;word-break:break-word}.preview table{width:100%;border-collapse:collapse;margin-bottom:10px;border:none}.preview td{vertical-align:top;padding:4px 5px 4px 0}.preview td:first-child{width:240px}@media (max-width:768px){.preview td:first-child{width:180px}.preview table.table-bordered:has(.a-sign-name) td:first-child{width:auto}.documents-preview .a-sign,.documents-preview .b-sign{width:auto}}.merge .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.5rem;background-color:var(--J-bg-subtle);border-radius:12px;border:none}@media (min-width:640px){.merge .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.merge .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.merge .grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.merge .grid .card{position:relative;padding:8px;border-radius:8px;cursor:move;border:var(--J-border);transition:all 0.2s;background-color:var(--J-bg)}.merge .grid .card:hover{border-color:var(--solaw-c-gray-3)}.merge .grid .card .btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none!important;padding:0!important}.merge .grid .card .btn svg,.merge .grid .card .btn-reset svg{width:18px;height:18px;display:block;color:var(--J-text)}.merge .card .thumnail{aspect-ratio:1 / 1.41;border-radius:8px;overflow:hidden;margin-bottom:12px;border:var(--J-border)}body.dark-mode .merge .card .thumnail{filter:brightness(0.6)}.merge .grid .card:hover .btn{opacity:1!important;visibility:visible!important}.merge .grid .card:hover .btn-delete{opacity:1;visibility:visible}.merge .card .thumnail img{width:100%;height:100%;object-fit:cover}.merge .grid .card .label{font-size:10px;font-weight:700;text-align:center;color:var(--solaw-c-gray-4);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 0.25rem}.merge .grid .card .number{font-size:11px;font-weight:700;text-align:center;color:var(--solaw-c-gray-7);margin-top:0.25rem}.removing{transform:scale(0);opacity:0;transition:0.4s}.sortable-ghost{opacity:0.3;background-color:var(--J-gray-4)}.overlay{position:fixed;inset:0;background:rgba(15,23,42,0.7);display:none;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(8px);transition:all 0.3s ease}.overlay.show,.overlay2.show{display:flex!important}.overlay2{position:fixed;inset:0;background:rgba(0,0,0,0.9);display:none;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(8px)}.overlay2 .img{max-width:90%;max-height:90%;object-fit:contain}.overlay2 .btn-close{position:absolute;top:20px;right:30px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer}.overlay2 .btn-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.1);border:none;color:#fff;width:60px;height:60px;border-radius:50%;font-size:24px;cursor:pointer}.overlay2 .btn-nav.prev{left:20px}.overlay2 .btn-nav.next{right:20px}.overlay .content{background:var(--J-bg);padding:32px;border-radius:8px;width:100%;max-width:420px;transform:translateY(20px);transition:transform 0.3s ease}.overlay .content .set{display:flex;gap:16px;justify-content:center;padding-top:20px}.overlay .content .set .btn{flex:1;padding:1rem;border:none;border-radius:1rem;font-weight:700;cursor:pointer;transition:all 0.2s}.overlay2 button svg{width:24px;height:24px;display:block;margin:auto;stroke-width:2}.tool-detail .dropzone{width:100%;position:relative;padding:80px 20px;background-color:var(--J-bg-subtle);border-radius:16px;text-align:center;transition:all 0.3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.tool-detail .dropzone input[type="file"]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:10}.tool-detail .dropzone svg{width:60px;height:60px;color:var(--J-gray-4)}.tool-detail .dropzone .text{color:var(--J-gray-4)}.tool-detail .dropzone.has-file #main-text{color:#e2e8f0!important}.tool-detail .dropzone.has-file .icon{color:#e2e8f0!important}.tool-detail .rename{display:none;margin-top:20px;text-align:left;border:var(--J-border);padding:15px;border-radius:8px;animation:fadeIn 0.5s}.tool-detail .rename .set{display:flex;gap:12px;align-items:center}.tool-detail .rename .set .notif{font-size:14px;text-align:center;width:100%;color:var(--solaw-c-gray-7)}.tool-detail .rename .set .btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 0.75s linear infinite;vertical-align:text-bottom;margin-right:8px}.lectio .dispositio{display:grid;grid-template-columns:240px 1fr;gap:40px;width:100%;max-width:1200px;align-items:start}.lectio .margo{position:sticky;top:20px;height:fit-content;padding-right:20px}.lectio .index{font-size:16px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px;display:block;font-weight:700}.lectio .nexus{display:block;font-size:14px;text-decoration:none;padding:8px 0;transition:color 0.2s}.lectio .minor{margin-left:12px}.lectio .materies{width:100%;max-width:800px}.lectio .fasciculus{margin-bottom:40px}.lectio .inscriptio{font-size:28px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:20px;font-weight:700}.lectio .versus{display:flex;flex-direction:column;align-items:baseline;text-decoration:none;padding:12px 0}.lectio .titulus{font-weight:700}.lectio .sententia{margin-bottom:16px;line-height:1.6;font-size:20px}.lectio .nexus.active{font-weight:700!important}@media (max-width:768px){.lectio .dispositio{flex-direction:column;gap:24px;display:block}.lectio .margo{width:100%;position:static;max-height:none;overflow-y:visible;border-right:none;border-bottom:var(--J-border);padding-right:0;padding-bottom:20px}}.payment{display:flex;justify-content:center;align-items:flex-start;width:100%;box-sizing:border-box}.payment_card{background:var(--J-bg);border:var(--J-border);padding:30px;border-radius:6px;text-align:center;max-width:450px;width:100%}.payment_card__header{font-size:13px;border-bottom:var(--J-border);padding-bottom:10px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;letter-spacing:0.5px}.payment_card__box{text-align:center;margin-bottom:20px;border:var(--J-border);padding:12px;border-radius:2px;display:inline-block}.payment_card__box img{width:180px;display:block}.payment_card__status{font-size:12px;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:8px}.payment_card__dot{width:8px;height:8px;background:var(--J-accent);border-radius:50%;animation:blink 1s infinite}.payment_card__information{margin-top:25px;text-align:left;background:var(--J-bg-subtle);padding:15px;border-radius:2px}.payment_card__bank li{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:12px;border-bottom:var(--J-border);padding-bottom:8px}.payment_card__bank li:last-child{border-bottom:none;margin-bottom:0}.payment_card__note{font-size:0.85rem;color:var(--J-gray-4);text-align:center;font-style:italic;margin-top:15px}.error-card{max-width:600px;padding:40px}.error-code{font-size:6rem;font-weight:700;line-height:1;margin-bottom:10px;letter-spacing:-2px}.error-title{font-size:1.5rem;color:var(--J-rose-4);margin-bottom:20px;font-weight:500}.error-message{color:var(--J-gray-4);margin-bottom:40px;line-height:1.6}