@font-face{font-family:Inter;font-style:normal;src:url(/assets/Inter-BvqD2EcJ.ttf) format("truetype");font-display:swap}:root{--bg-color: #383e4c;--detail-color: #e84824;--text-color: #fff;--box-shadow-rgba: 0, 0, 0, .1;--border-color: #333;--input-border-color: #fff;--bg-over: #444;--bg-header: 28, 28, 28, .1;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--bg-button: #e8410e;--bg-card: #e8eef7}body{font-family:Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background:var(--bg-color);padding:0;margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container[data-v-ea2756a6]{width:100%;height:100vh;display:flex;justify-content:center;font-size:24px;align-items:center;overflow:hidden}.bg[data-v-ea2756a6]{position:fixed;width:110%;height:110%;background:var(--bg-color);z-index:-1}.logo[data-v-ea2756a6]{position:absolute;top:-120px;left:50%;transform:translate(-50%,-50%);width:200px;border-radius:50%;z-index:0}h1[data-v-ea2756a6]{position:relative;text-align:center;font-size:2rem;margin-top:-15px;margin-bottom:30px;z-index:99}.content[data-v-ea2756a6]{position:relative;display:flex;flex-direction:column;gap:20px;margin-top:0;width:250px}input[data-v-ea2756a6]{padding:10px;font-size:18px;border:1px solid var(--input-border-color);border-radius:4px;background-color:rgba(var(--bg-color),.8);color:var(--text-color);outline-color:var(--text-color);caret-color:var(--text-color)}input[data-v-ea2756a6]::placeholder{color:var(--text-color);opacity:.7}button[data-v-ea2756a6]{padding:10px;font-size:18px;border:none;border-radius:4px;background-color:var(--bg-button);color:#fff;cursor:pointer}.container[data-v-e53332d1]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:1000}img[data-v-e53332d1]{width:100px;height:auto}.container[data-v-06d44037]{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.icon[data-v-f9607fbf]{width:30px;height:20px;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.cross1[data-v-f9607fbf]{position:relative;width:100%;height:2px;background-color:var(--text-color);top:1px;transform:rotate(45deg)}.cross2[data-v-f9607fbf]{position:relative;height:2px;background-color:var(--text-color);transform:rotate(-45deg)}.icon:hover .cross1[data-v-f9607fbf],.icon:hover .cross2[data-v-f9607fbf]{background-color:var(--error-color)}.sidebar[data-v-e3cae3dd]{width:300px;height:100vh;background-color:var(--bg-color);position:fixed;top:0;left:-302px;box-shadow:2px 0 8px 1px rgba(var(--box-shadow-rgba));overflow:hidden;transition:left .3s ease;z-index:1000}.title[data-v-e3cae3dd]{padding:15px;margin:0;border-bottom:1px solid var(--border-color)}.links[data-v-e3cae3dd]{list-style:none;padding:12px 0;margin:0}.links li[data-v-e3cae3dd]{margin:8px 0}.links a[data-v-e3cae3dd]{text-decoration:none;display:block;padding:10px 15px}.links a[data-v-e3cae3dd]:hover{background-color:var(--bg-over)}.icon[data-v-bb0247d5]{width:20px;height:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.topbar[data-v-bb0247d5],.bottombar[data-v-bb0247d5]{width:100%;height:1px;background-color:var(--detail-color)}.middlebar[data-v-bb0247d5]{width:50%;height:1px;background-color:var(--detail-color)}.icon:hover .topbar[data-v-bb0247d5],.icon:hover .middlebar[data-v-bb0247d5],.icon:hover .bottombar[data-v-bb0247d5]{background-color:#aaa}a[data-v-e23a522a]{color:var(--detail-color)}footer[data-v-e23a522a]{width:100%;height:60px;display:flex;justify-content:center;align-items:center}.popup-backdrop[data-v-1b1a46cb]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content[data-v-1b1a46cb]{position:relative;background:var(--bg-color);color:var(--text-color);padding:30px 30px 20px;border-radius:8px;box-shadow:0 4px 6px rgba(var(--box-shadow-rgba));max-width:90%;max-height:90%;overflow-y:auto}h3[data-v-1b1a46cb]{position:relative;margin:-14px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.close-button[data-v-1b1a46cb]{position:absolute;top:10px;right:10px;font-size:1.5rem;cursor:pointer;color:var(--text-color)}.container[data-v-dd3d5f22]{position:relative;width:100%;overflow-x:hidden}header[data-v-dd3d5f22]{position:fixed;top:0;left:0;width:100%;height:48px;padding-top:12px;margin-left:0;background:rgba(var(--bg-header));box-shadow:0 2px 5px rgba(var(--box-shadow-rgba))}.content[data-v-dd3d5f22]{width:100vw;margin-top:60px;transition:margin-left .3s ease}header h2[data-v-dd3d5f22]{margin-top:0;font-size:1.5rem;text-align:center;margin-left:-12px}header img[data-v-dd3d5f22]{margin-top:4px}.user-icon[data-v-dd3d5f22]{cursor:pointer}.content[data-v-a35d44fb]{width:100%;height:78vh;padding:4px 0 40px;background-color:#fff;color:#000;overflow-y:auto}h2[data-v-a35d44fb]{padding-left:10px;color:var(--detail-color);border-left:4px solid var(--bg-color)}.cards[data-v-39f2c6c1]{display:flex;justify-content:center;gap:20px;margin-top:50px}.card[data-v-39f2c6c1]{background-color:var(--bg-color);color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(var(--box-shadow-rgba));padding:20px;width:200px;text-align:center}.card img[data-v-39f2c6c1]{width:24px;height:24px;vertical-align:middle;margin-right:8px}.card p[data-v-39f2c6c1]{font-size:1.5em;margin-top:10px;font-weight:700}h3[data-v-39f2c6c1]{font-size:1.2em;font-weight:400;margin:0}@media(max-width:800px){.cards[data-v-39f2c6c1]{flex-direction:column;align-items:center}}.container[data-v-3291b5a8]{width:100%;overflow-x:auto}table[data-v-3291b5a8]{width:100%;border-collapse:collapse;margin-bottom:80px;overflow:auto}thead[data-v-3291b5a8]{background-color:var(--bg-color);color:#fff}thead th[data-v-3291b5a8]{padding:10px;text-align:left;border-bottom:1px solid var(--border-color);text-align:center;background-color:var(--bg-color)}tbody td[data-v-3291b5a8]{padding:10px;border-bottom:1px solid var(--border-color);text-align:center;word-wrap:break-word}tbody tr[data-v-3291b5a8]:hover{background-color:var(--bg-over);color:#fff}.options[data-v-3291b5a8]{position:relative;padding:12px;border:none;color:#000;cursor:pointer;background:transparent}.dot-white[data-v-3291b5a8],tbody tr:hover .dot-black[data-v-3291b5a8]{display:none}tbody tr:hover .dot-white[data-v-3291b5a8]{display:inline}.detail[data-v-3291b5a8]{background-color:var(--bg-over);padding:8px;border-radius:12px;color:#fff}span[data-v-3291b5a8]{font-weight:500}.popup-options[data-v-3291b5a8]{display:none;position:absolute;background-color:#fff;box-shadow:0 4px 8px #0000004d;margin-top:0;z-index:10;right:0;border:1px solid var(--bg-color)}.popup-options ul[data-v-3291b5a8]{list-style:none;margin:0;padding:0}.popup-options li[data-v-3291b5a8]{padding:12px 32px;cursor:pointer}.popup-options li[data-v-3291b5a8]:hover{background-color:var(--bg-color);color:#fff}.tableContainer[data-v-381ae1a5]{padding:0 12px}.btn-add[data-v-381ae1a5]{width:200px;background-color:var(--detail-color);color:#fff;padding:12px;margin:15px 0 18px;border:none;border-radius:4px;cursor:pointer;float:right}.search[data-v-381ae1a5],.input-company[data-v-381ae1a5]{width:100%;padding:8px;margin-bottom:12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--text-color);color:#000;font-size:1rem}.input-pending[data-v-381ae1a5]{margin-right:8px}.btn-edit[data-v-381ae1a5]{background-color:var(--detail-color);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}@media(max-width:800px){.btn-add[data-v-381ae1a5]{width:100%}}fieldset[data-v-26161652]{border:1px solid var(--bg-color);border-radius:8px;padding:12px;margin:12px 400px;text-align:center}legend[data-v-26161652]{padding:0 8px;font-weight:700;color:var(--detail-color)}img[data-v-26161652]{margin:4px;border-radius:50%;transform:scale(1);box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}img[data-v-26161652]:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.container[data-v-26161652]{position:relative;width:100%;text-align:left;text-align:center}input[data-v-26161652]{width:98%;margin-left:auto;margin-right:auto;padding:8px;margin-bottom:12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--text-color);color:#000;font-size:1rem}.btn-edit[data-v-26161652]{background-color:var(--detail-color);color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer}.btn-edit[data-v-26161652]:nth-last-child(1){margin-left:12px}@media(max-width:1366px){fieldset[data-v-26161652]{margin:12px 100px}input[data-v-26161652]{width:90%}}@media(max-width:800px){fieldset[data-v-26161652]{margin:12px}input[data-v-26161652]{width:90%}}.tableContainer[data-v-c4e87cd6]{padding:0 12px}.btn-add[data-v-c4e87cd6]{width:200px;background-color:var(--detail-color);color:#fff;padding:12px;margin:15px 0 18px;border:none;border-radius:4px;cursor:pointer;float:right}.input-company[data-v-c4e87cd6]{width:100%;padding:8px;margin-bottom:12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--text-color);color:#000;font-size:1rem}.input-pending[data-v-c4e87cd6]{margin-right:8px}.btn-edit[data-v-c4e87cd6]{background-color:var(--detail-color);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}@media(max-width:800px){.btn-add[data-v-c4e87cd6]{width:100%}}