.app-container{min-height:100vh;background-color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1a1a1a;background-color:#f5f7fa;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:#2b4c7e;text-decoration:none;transition:color .2s ease}a:hover{color:#1a365d}h1,h2,h3,h4,h5,h6{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;margin-bottom:1rem;color:#1a1a1a}p{margin-bottom:1rem;color:#2d3748}:root{--primary: #000000;--primary-dark: #1A365D;--primary-light: #4A6FA5;--primary-lighter: #d0d9ec;--accent: #3B82F6;--success: #0E9F6E;--error: #E02424;--warning: #C27803;--text: #2D3748;--text-light: #718096;--background: #F5F7FA;--surface: #FFFFFF;--border: #E2E8F0}input,select,textarea{height:50px;border:1px solid var(--border);background-color:var(--surface);border-radius:4px;font-weight:400;font-size:14px;color:var(--text);outline:none;padding:0 12px;width:100%;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2b4c7e1a}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-light)}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid var(--primary);background-color:var(--primary);font-weight:500;font-size:14px;color:#fff;cursor:pointer;transition:all .2s ease}.btn:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn.btn-outline{background-color:transparent;color:var(--primary)}.btn.btn-outline:hover{background-color:var(--primary);color:#fff}.btn.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn.btn-new{background-color:var(--primary);border-color:var(--primary);color:var(--surface);display:block;margin-left:auto;margin-bottom:15px}.btn.btn-new:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--surface)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col{padding:0 12px;flex:1}.col-1{width:calc(100% * 1 / 12);padding:0 12px}.col-2{width:calc(100% * 2 / 12);padding:0 12px}.col-3{width:25%;padding:0 12px}.col-4{width:calc(100% * 4 / 12);padding:0 12px}.col-5{width:calc(100% * 5 / 12);padding:0 12px}.col-6{width:50%;padding:0 12px}.col-7{width:calc(100% * 7 / 12);padding:0 12px}.col-8{width:calc(100% * 8 / 12);padding:0 12px}.col-9{width:75%;padding:0 12px}.col-10{width:calc(100% * 10 / 12);padding:0 12px}.col-11{width:calc(100% * 11 / 12);padding:0 12px}.col-12{width:100%;padding:0 12px}.card{background-color:var(--surface);border-radius:8px;box-shadow:0 1px 3px #0000001a}table{width:100%;border-collapse:collapse}table th{background-color:#f8fafc;color:var(--text);font-weight:500;text-align:left;padding:12px 16px}table td{padding:12px 16px;border-bottom:1px solid var(--border)}table tr:hover{background-color:#f8fafc}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}@media (max-width: 991px){.col-md-1{width:calc(100% * 1 / 12)}.col-md-2{width:calc(100% * 2 / 12)}.col-md-3{width:25%}.col-md-4{width:calc(100% * 4 / 12)}.col-md-5{width:calc(100% * 5 / 12)}.col-md-6{width:50%}.col-md-7{width:calc(100% * 7 / 12)}.col-md-8{width:calc(100% * 8 / 12)}.col-md-9{width:75%}.col-md-10{width:calc(100% * 10 / 12)}.col-md-11{width:calc(100% * 11 / 12)}.col-md-12{width:100%}}@media (max-width: 576px){.col-sm-1{width:calc(100% * 1 / 12)}.col-sm-2{width:calc(100% * 2 / 12)}.col-sm-3{width:25%}.col-sm-4{width:calc(100% * 4 / 12)}.col-sm-5{width:calc(100% * 5 / 12)}.col-sm-6{width:50%}.col-sm-7{width:calc(100% * 7 / 12)}.col-sm-8{width:calc(100% * 8 / 12)}.col-sm-9{width:75%}.col-sm-10{width:calc(100% * 10 / 12)}.col-sm-11{width:calc(100% * 11 / 12)}.col-sm-12,.col-sm-full{width:100%}.container{padding:0 16px}}
