*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f0f2f5;color:#333;line-height:1.6}#app{min-height:100vh}.navbar{background-color:#1890ff;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000026;position:relative}.nav-brand{font-size:1.2rem;font-weight:700}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s}.nav-links a:hover{opacity:.8}.logout-btn{background-color:#ff4d4f;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.logout-btn:hover{background-color:#ff7875}.nav-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer}.nav-toggle span{width:24px;height:2px;background-color:#fff;transition:all .3s}.mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:#1890ff;padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 8px #00000026;z-index:1000}.mobile-menu a{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 0}.mobile-menu .logout-btn{width:fit-content}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#666}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.btn-primary{background-color:#1890ff;color:#fff}.btn-primary:hover{background-color:#40a9ff}.btn-success{background-color:#52c41a;color:#fff}.btn-success:hover{background-color:#73d13d}.btn-danger{background-color:#ff4d4f;color:#fff}.btn-danger:hover{background-color:#ff7875}.table{width:100%;border-collapse:collapse;margin-top:15px;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#fafafa;font-weight:700;color:#333}.table tr:hover{background-color:#f5f5f5}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer}@media(max-width:768px){.navbar{padding:1rem}.nav-links{display:none}.nav-toggle{display:flex}.container,.card{padding:15px}.table{font-size:14px}.table th,.table td{padding:8px}.btn{padding:8px 16px;font-size:13px}.form-group input{padding:8px;font-size:13px}}@media(max-width:480px){.navbar{padding:.8rem}.nav-brand{font-size:1rem}.container{padding:10px}.card{padding:12px}.table{font-size:12px}.table th,.table td{padding:6px}.btn{padding:6px 12px;font-size:12px}.form-group input{padding:6px;font-size:12px}}.login-container[data-v-2f46b441]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;padding:20px}.login-card[data-v-2f46b441]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;width:100%;max-width:400px}h2[data-v-2f46b441]{text-align:center;margin-bottom:20px;color:#333}.form-group[data-v-2f46b441]{margin-bottom:15px}.form-group label[data-v-2f46b441]{display:block;margin-bottom:5px;font-weight:500;color:#666}.form-group input[data-v-2f46b441]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input[data-v-2f46b441]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.btn[data-v-2f46b441]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s;width:100%;margin-top:10px}.btn-primary[data-v-2f46b441]{background-color:#1890ff;color:#fff}.btn-primary[data-v-2f46b441]:hover{background-color:#40a9ff}@media(max-width:480px){.login-card[data-v-2f46b441]{padding:20px}h2[data-v-2f46b441]{font-size:1.2rem;margin-bottom:15px}.form-group input[data-v-2f46b441]{padding:8px;font-size:13px}.btn[data-v-2f46b441]{padding:8px 16px;font-size:13px}}.container[data-v-5609e172]{padding:20px}h1[data-v-5609e172]{margin-bottom:20px;color:#333}.btn[data-v-5609e172]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin-right:10px;transition:background-color .3s}.btn-primary[data-v-5609e172]{background-color:#1890ff;color:#fff}.btn-primary[data-v-5609e172]:hover{background-color:#40a9ff}.btn-secondary[data-v-5609e172]{background-color:#f0f0f0;color:#333}.btn-secondary[data-v-5609e172]:hover{background-color:#e0e0e0}.btn-danger[data-v-5609e172]{background-color:#ff4d4f;color:#fff;margin-left:10px}.btn-danger[data-v-5609e172]:hover{background-color:#ff7875}.table[data-v-5609e172]{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}.table th[data-v-5609e172],.table td[data-v-5609e172]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th[data-v-5609e172]{background-color:#fafafa;font-weight:700;color:#333}.table tr[data-v-5609e172]:hover{background-color:#f5f5f5}.modal-overlay[data-v-5609e172]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-5609e172]{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #0003}.modal h3[data-v-5609e172]{margin-top:0;margin-bottom:20px;color:#333}.form-group[data-v-5609e172]{margin-bottom:15px}.form-group label[data-v-5609e172]{display:block;margin-bottom:5px;font-weight:500;color:#666}.form-group input[data-v-5609e172]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input[data-v-5609e172]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.form-actions[data-v-5609e172]{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}@media(max-width:768px){.container[data-v-5609e172]{padding:15px}h1[data-v-5609e172]{font-size:1.5rem;margin-bottom:15px}.btn[data-v-5609e172]{padding:8px 16px;font-size:13px;margin-right:5px}.btn-danger[data-v-5609e172]{margin-left:5px}.table[data-v-5609e172]{font-size:14px}.table th[data-v-5609e172],.table td[data-v-5609e172]{padding:8px}.form-actions[data-v-5609e172]{flex-direction:column;gap:10px}.form-actions .btn[data-v-5609e172]{width:100%;margin-left:0}}@media(max-width:480px){.container[data-v-5609e172]{padding:10px}h1[data-v-5609e172]{font-size:1.3rem}.btn[data-v-5609e172]{padding:6px 12px;font-size:12px}.table[data-v-5609e172]{font-size:12px}.table th[data-v-5609e172],.table td[data-v-5609e172]{padding:6px}.modal[data-v-5609e172]{padding:15px;width:95%}.form-group input[data-v-5609e172]{padding:8px;font-size:13px}}.container[data-v-8778af44]{padding:20px}h1[data-v-8778af44]{margin-bottom:20px;color:#333}h2[data-v-8778af44]{margin:20px 0 10px;color:#333;font-size:18px}.form-group[data-v-8778af44]{margin-bottom:20px}.form-group label[data-v-8778af44]{display:block;margin-bottom:8px;font-weight:700;color:#666}.form-group select[data-v-8778af44]{width:100%;max-width:300px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.section[data-v-8778af44]{margin-top:20px}.table[data-v-8778af44]{width:100%;border-collapse:collapse;margin-top:10px}.table th[data-v-8778af44],.table td[data-v-8778af44]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th[data-v-8778af44]{background-color:#f8f9fa;font-weight:700;color:#333}.table tbody tr[data-v-8778af44]:hover{background-color:#f5f5f5}.btn[data-v-8778af44]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary[data-v-8778af44]{background-color:#007bff;color:#fff}.btn-primary[data-v-8778af44]:hover{background-color:#0056b3}.btn-primary[data-v-8778af44]:disabled{background-color:#ccc;cursor:not-allowed}.no-data[data-v-8778af44]{text-align:center;color:#999;padding:20px}.copy-btn[data-v-8778af44]{padding:4px 8px;font-size:12px;margin-left:8px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.copy-btn[data-v-8778af44]:hover{background-color:#218838}.cdkey-code[data-v-8778af44]{display:flex;align-items:center}@media(max-width:768px){.table[data-v-8778af44]{font-size:14px}.table th[data-v-8778af44],.table td[data-v-8778af44]{padding:8px}.form-group select[data-v-8778af44]{width:100%}}@media(max-width:480px){.container[data-v-8778af44]{padding:10px}h1[data-v-8778af44]{font-size:1.3rem}.btn[data-v-8778af44]{padding:6px 12px;font-size:12px}.table[data-v-8778af44]{font-size:12px}.table th[data-v-8778af44],.table td[data-v-8778af44]{padding:6px}}.container[data-v-2d48e063]{padding:20px}h1[data-v-2d48e063]{margin-bottom:20px;color:#333}.btn[data-v-2d48e063]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin-right:10px;transition:background-color .3s}.btn-primary[data-v-2d48e063]{background-color:#1890ff;color:#fff}.btn-primary[data-v-2d48e063]:hover{background-color:#40a9ff}.btn-secondary[data-v-2d48e063]{background-color:#f0f0f0;color:#333}.btn-secondary[data-v-2d48e063]:hover{background-color:#e0e0e0}.btn-danger[data-v-2d48e063]{background-color:#ff4d4f;color:#fff}.btn-danger[data-v-2d48e063]:hover:not(:disabled){background-color:#ff7875}.btn-danger[data-v-2d48e063]:disabled{background-color:#ccc;cursor:not-allowed}.table[data-v-2d48e063]{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}.table th[data-v-2d48e063],.table td[data-v-2d48e063]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th[data-v-2d48e063]{background-color:#fafafa;font-weight:700;color:#333}.table tr[data-v-2d48e063]:hover{background-color:#f5f5f5}.modal-overlay[data-v-2d48e063]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-2d48e063]{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #0003}.modal h3[data-v-2d48e063]{margin-top:0;margin-bottom:20px;color:#333}.form-group[data-v-2d48e063]{margin-bottom:15px}.form-group label[data-v-2d48e063]{display:block;margin-bottom:5px;font-weight:500;color:#666}.form-group input[type=text][data-v-2d48e063],.form-group input[type=password][data-v-2d48e063]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input[type=text][data-v-2d48e063]:focus,.form-group input[type=password][data-v-2d48e063]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.form-group input[type=text][data-v-2d48e063]:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group input[type=checkbox][data-v-2d48e063]{margin-right:8px}.form-actions[data-v-2d48e063]{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}@media(max-width:768px){.container[data-v-2d48e063]{padding:15px}h1[data-v-2d48e063]{font-size:1.5rem;margin-bottom:15px}.btn[data-v-2d48e063]{padding:8px 16px;font-size:13px;margin-right:5px}.table[data-v-2d48e063]{font-size:14px}.table th[data-v-2d48e063],.table td[data-v-2d48e063]{padding:8px}.form-actions[data-v-2d48e063]{flex-direction:column;gap:10px}.form-actions .btn[data-v-2d48e063]{width:100%;margin-left:0}}@media(max-width:480px){.container[data-v-2d48e063]{padding:10px}h1[data-v-2d48e063]{font-size:1.3rem}.btn[data-v-2d48e063]{padding:6px 12px;font-size:12px}.table[data-v-2d48e063]{font-size:12px}.table th[data-v-2d48e063],.table td[data-v-2d48e063]{padding:6px}.modal[data-v-2d48e063]{padding:15px;width:95%}.form-group input[data-v-2d48e063]{padding:8px;font-size:13px}}