body{margin:0;font-family:Inter,sans-serif;background:#eef3f6}.top-header{height:60px;background:linear-gradient(90deg,#23343c,#1e2b33);color:#fff;display:flex;align-items:center;box-shadow:0 2px 5px #0003}.header-inner{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px;color:#2ec4b6;font-weight:600}.logo-text{font-size:16px;letter-spacing:1px;font-weight:500}.top-menu{display:flex;gap:30px}.top-menu a{text-decoration:none;color:#cfd8dc;font-size:14px;font-weight:500;padding-bottom:18px}.top-menu a:hover{color:#2ec4b6}.top-menu a.active{color:#2ec4b6;border-bottom:3px solid #2ec4b6}.settings-icon{font-size:18px;opacity:.7}.main-layout{display:flex;height:calc(100vh - 60px)}.layout{flex:1;display:flex}.sidebar{width:240px;background:#fff;border-right:1px solid #e0e6ea;padding-top:20px;min-height:900px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{display:flex;align-items:center;gap:12px;padding:12px 18px;font-size:14px;color:#44545f;cursor:pointer}.sidebar li:hover{background:#f4f7f9}.sidebar li.active{background:#2f3e46;color:#fff;border-radius:6px;margin:0 10px}.sidebar li.active .icon{color:#2ec4b6}.icon{width:20px;text-align:center;opacity:.8}.content{flex:1;padding:25px}.txt-green{color:green!important}.txt-lightgreen{color:#357a35!important}.txt-white{color:#fff!important}.txt-red{color:red!important}.txt-lightred{color:#cb1313!important}.bg-red{background-color:red!important}