.header{background:linear-gradient(135deg,#667eea,#764ba2);height:64px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{max-width:1200px;margin:0 auto;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px}.header-content,.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo{gap:12px;color:#fff}.logo i{font-size:28px}.logo h1{font-size:22px;font-weight:600;margin:0}.header-actions .el-button{color:#fff;font-size:15px;opacity:.9;-webkit-transition:opacity .3s;transition:opacity .3s}.header-actions .el-button:hover{opacity:1}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh}.app-container{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}.main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:30px;max-width:1200px;margin:0 auto;width:100%}.el-main{background:transparent}