#app[data-v-410ffc85]{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.app-header[data-v-410ffc85]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:sticky;top:0;z-index:1000;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.app-header .nav-top[data-v-410ffc85]{text-align:center;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app-header .nav-top .nav-top-title[data-v-410ffc85]{font-size:18px;font-weight:700}.app-header .nav-top .nav-top-right[data-v-410ffc85]{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.app-header .nav-top .nav-top-right .legacy-entry[data-v-410ffc85]{color:#fff;text-decoration:underline;font-size:13px;opacity:.9;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.app-header .nav-top .nav-top-right .legacy-entry[data-v-410ffc85]:hover{opacity:1}.app-header .nav-top .nav-top-right .user-menu[data-v-410ffc85]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;border-left:1px solid hsla(0,0%,100%,.3);padding-left:15px}.app-header .nav-top .nav-top-right .user-menu .username[data-v-410ffc85]{color:#fff;font-size:13px;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header .nav-top .nav-top-right .user-menu .logout-btn[data-v-410ffc85]{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:4px 10px;border-radius:3px;cursor:pointer;font-size:12px;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;white-space:nowrap}.app-header .nav-top .nav-top-right .user-menu .logout-btn[data-v-410ffc85]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.app-header .nav-top .nav-top-right .user-menu .logout-btn[data-v-410ffc85]:active{background:hsla(0,0%,100%,.25)}.app-header .nav-top .nav-top-right .user-menu .logout-btn i[data-v-410ffc85]{font-size:14px}.app-header .navs .list ul[data-v-410ffc85]{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}.app-header .navs .list ul li[data-v-410ffc85]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;border-right:1px solid hsla(0,0%,100%,.1)}.app-header .navs .list ul li[data-v-410ffc85]:last-child{border-right:none}.app-header .navs .list ul li.current[data-v-410ffc85]{background-color:rgba(0,0,0,.1)}.app-header .navs .list ul li.current a[data-v-410ffc85]{color:gold}.app-header .navs .list ul li a[data-v-410ffc85]{display:block;padding:12px;color:#fff;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.app-header .navs .list ul li a[data-v-410ffc85]:hover{background-color:rgba(0,0,0,.1)}.app-header .navs .list ul li a i[data-v-410ffc85]{margin-right:6px}.app-main[data-v-410ffc85]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;max-width:1200px;width:100%;margin:0 auto}.app-main.no-nav[data-v-410ffc85]{padding:0;max-width:100%}.app-footer[data-v-410ffc85]{background-color:#f5f5f5;border-top:1px solid #ddd;padding:20px;text-align:center;color:#666;margin-top:auto}.app-footer .footer-info[data-v-410ffc85]{font-size:14px}.app-footer .footer-links[data-v-410ffc85]{margin-top:10px}.app-footer .footer-links a[data-v-410ffc85]{margin:0 15px;color:#666;text-decoration:none}.app-footer .footer-links a[data-v-410ffc85]:hover{color:#667eea}.layout[data-v-2476b5be]{width:100%}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f5f5f5;color:#333}a{color:#667eea;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease}a:hover{color:#764ba2}.container{max-width:1200px;margin:0 auto;padding:0 15px}.card{background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.card-header{border-bottom:2px solid #f0f0f0;padding-bottom:15px;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-title{font-size:18px;font-weight:700;color:#333}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#667eea;-webkit-box-shadow:0 0 0 2px rgba(102,126,234,.1);box-shadow:0 0 0 2px rgba(102,126,234,.1)}.btn{display:inline-block;padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:none}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover{background-color:#764ba2}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#d0d0d0}.list-item{background:#fff;border-radius:4px;padding:15px;margin-bottom:15px;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.08);box-shadow:0 1px 4px 0 rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.list-item:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.15);box-shadow:0 2px 12px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.list-item-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.list-item-desc{font-size:14px;color:#666;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-item-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;color:#999}.grid{display:grid;grid-gap:20px;margin-bottom:20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.loading{padding:40px}.loading,.no-data{text-align:center;color:#999}.no-data{padding:60px 20px}.no-data-img{width:120px;height:120px;margin-bottom:20px;opacity:.5}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.card{padding:15px}.list-item{padding:12px}}